Comment aligner la hauteur de tous les onglets dans le menu horizontal horizontal en css

Question

Bonjour J'ai un menu ul avec largeur fixe et hauteur automatique mais certains liens sont trop longs et occupent 2 lignes. Comment aligner haut de tous les onglets en conséquence au plus élevé?

Answer 1

C'est-il, mon pote: DEMO

Screenshot:

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>