How do I make each <li> appear on the same line?

[jihanemo]

How do I create an unordered list in which each <li> appears on the same line instead of separate lines? Is there CSS code I can use? Attribute?

[bluewalrus]

li {
display:inline;
}

[Snookerman]

Float them left using css:

li {
float:left;
}

[Snookerman]

li {
display:inline;
}

Or use this, but then you lose the bullet points. Depends what you want.

[jihanemo]

Thanks guys. I tried both ways but it's still not working. Can you correct my code? (http://americanchic.net/testpage)

[Snookerman]

You need to float the images as well:

#myul li{margin:0px;float:left;}
#myul img{
float:left;
border:1px solid #222;
width:80px;
height:67px;
cursor:pointer;
}

[Snookerman]

By the way, make sure you mark this thread as Resolved by editing your first post and adding the Resolved prefix.