Set Inline UL To A Fixed Width

I styling an inline, unordered list as a horizontal navigation. How do I set each list item’s width to a specific width?


You cannot set a width on inline elements, but you can “cheat” width (horizontal) border or padding to create space between the items.



You could also just float them instead. It makes it block level allowing for widths and such.

Be aware bugs come with it as well (in IE) depending on your setup. All of which are easily squashed.