Как выровнять высоту всех вкладок в горизонтальном меню ul в css

Question

Здравствуйте, у меня есть меню ul с фиксированной шириной и автоматической высотой, но некоторые ссылки слишком длинны, и они занимают 2 строки. Как выровнять высоту всех вкладок в соответствии с самой высокой?

Answer 1

Это его, приятель: DEMO

Скриншот:

CSS:

li{ 
    list-style:none; 
    display:inline-block; 
    background-color:lightGrey; 
    padding:5px; 
    width:100px; 
    display:table-cell; 
} 
ul{ 
    padding:0px; 
    display:table-row; 
} 

HTML:

<ul> 
    <li> 
     Link 1 
    </li> 
    <li> 
     Link 2 
    </li> 
    <li> 
     Longest Largest Biggest and the Baddest Link 
    </li> 
    <li> 
     Link 3 
    </li> 
    </ul>