html - すべてのLIで境界線の高さを同じに保つ

Question

ULがネストされたメニューがあります。垂直方向の境界線を最も高いメニュー項目のセットの高さに保つCSSのみの方法はありますか？このメニューは動的であるため、幅と高さの両方を変更できることに注意してください。

http://jsfiddle.net/simply_simpy/Kmyjr/

Answer 1

ルールを削除して、float:leftルールを追加することができdisplay:table-cellます。

jsFiddleの例。

CSS：

#menu-secondary_menu > li {
    border-left: 1px solid #7d7d7d;
    display: table-cell;
    font-size: 9px;
    line-height: 16px;
    text-transform: uppercase;
    color: #7d7d7d;
    padding: 0 10px 0;
    margin: 0 10px 0;
}