Wednesday, April 11, 2007

Changing li style

I was trying to make the li go from left to right, without bullets, here is my first try:

li { list-style:none; float: left }

then I realized they have no space between each other, which forces me to add margin...

Finally I saw a better solution elsewhere:

li { list-style:none; display: inline } which basically turns li into an inline element (like an anchor) instead of a block element.

Here is what W3C has to say about inline elements: http://www.w3.org/TR/CSS21/visuren.html#q7

No comments: