使浮動鏈接具有相同的高度？

Question

我正在製作一個液體寬度網站。我有3個鏈接，每個鏈接佔33％。

對於較小的屏幕寬度文字環繞，首先爲最長文本的鏈接。我需要的是所有鏈接都具有相同的高度。

http://codepen.io/anon/pen/HGFeJ

<ul> 
    <li> 
    <a href="#">Some text</a> 
    </li> 
    <li> 
    <a href="#">Some other longer text</a> 
    </li> 
    <li> 
    <a href="#">Short</a> 
    </li> 
</ul> 

a { 
    float: left; 
    padding: 10px; 
    width: 33%; 
    border: 1px solid grey; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
} 
ul, li { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
} 
ul { 
    max-width: 50%; 
    margin: auto; 
    background: gold; 
    overflow: auto; 
} 

從上，所以我想ID能夠與表和表單元格顯示CSS屬性要做到這一點，但它似乎不工作讀取其他答案：

http://codepen.io/anon/pen/toAIa

Answer 1

你需要給table-cell爲li不a因爲a是內部li

Working codepen Demo

例如築巢：

li{ 
    display: table-cell; 
    border: 1px solid grey; 
    width: 33%; 
    vertical-align:top; 
}