horizintal lists instead of vertical

[R.Noon]

Alright.
If I have code like below, how can I get the list items to stack horizintaly instead of verticaly?


<ul>
<li></li>
<li></li>
</ul>

[scojo1]

you can add some css like


ul li{
float: left;
}


or


ul li{
display: inline;
}



I think either option works

[R.Noon]

I tried


* ul li{
display:inline;
}


Didn't work at all, it just raised the list items above the original list.

[scojo1]

I tried


* ul li{
display:inline;
}


Didn't work at all, it just raised the list items above the original list.


here is the exact test file, works in IE and FF, so if you're having other problems I don't know what would be causing them.... is there more code you could post?


<style type="text/css">
* ul li{
display: inline;
}


</style>

<ul>
<li>item 1</li>
<li>item 2</li>
</ul>

[ray326]

http://www.alistapart.com/articles/taminglists/