CSS Forum

**shutzu123** · 05:44 PM

First of all.. hi everyone!
Now.. I have this code:

Code:

<html>
<head><title>None</title>
</head><body>


<div> 
    <div>
1    </div>
    <div>
2    </div>
    <div>
3    </div>
    <div>
4    </div>
</div>
    
    </body>
    </html>

and it shows me in page like this:

Code:

I want it to display like this:

Code:

what properties do I have to use for the divs?
Thanks in advance!

Edit: please don't tell me to remove divs

**dandy** · 05-17-2007, 07:03 PM

Well I am a beginner so I don't know if this is right but try:

HTML Code:

div {display:inline}

Obviously place that within CSS tags.

**Angelosanto** · 05-18-2007, 10:41 AM

That should just about sort it, but can I ask why?

Surely it would be easier to just use CSS lists for something like that?

**LadynRed** · 05-18-2007, 03:01 PM

Agreed, should use a list for list.
However, display:inline won't do it - the better solution is to float the divs.