Horizontal <ul> menu: how to fix the width of list items

Question

I have a horizontal <ul> menu. How can I fix the width of the <li> elements at, say, 250px each?

Answer 1

Styling the A tag can help maintain consistency and give you a little more flexibility than styling the LI tag, espeically if you end up making multi-line menu items.

ul li {
   float:left;
}

ul li a {
   display:block;
   width:250px;
}

You should also use a CSS reset to maintain consistency between browsers.