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

Assuming that following is your html

    

        
Row1
        
Row1 Row2 Row3
        
Row1
        
Row1 Row 2
    

You can simply style your CSS as following

li {
    position:relative;
    float:left;       
}

li a {
    position:absolute;
    bottom:0;
}

Above code should work across browsers (I have not tested this across browsers)