Question

i want to make a menu using lists (ul and li).
As regards that using table-cell property is not cross browser, how to styling lis to have fixed with like table cells fit to it’s container?

-----------------------------------------------------------------------------
|      Item 1      |      Item 2      |      Item 3      |      Item 7      |
-----------------------------------------------------------------------------

Notes:
1. I’m forced to use list and could not use table
2. We don’t know how many items exists
3. I want to do that without JavaScript
4. We don’t know how width is the container
5. parent ul should be just 100% in width, don’t use static width please

Answer 1

Semantically, a menu is a list, so using <li> is more appropriate than a <table>. WC3 has a decent outline of how to do it here. To fix the width, set both the widths of the <ul> and the <li>s.