How can I positioning LI elements to the bottom of UL list

Question

I have menu items like: Row1 Row2.. RowN and I want them not to be that wide - that\'s why including breaks (with max-width)

I have this HTML:

Answer 1

Use display: inline-block instead of float:

ul.menu
{                 
   vertical-align: bottom;
}

ul.menu li
{    
   display: inline-block;
   text-align: center;
}

EDIT: Added text-align: center;. If I understand your comment correctly, that is what you want. If not, you'll need to be more specific.