CSSテーブルの表示モードレイアウト

Question

View JSFiddle >

私は私が作るためのjQueryを使用したレイアウト（see here）を持っていると私は多くのコードがdisplay: table、display: table-cellとdisplay: table-rowと交換することができるという感覚を持っています。しかし、私はそれを把握することはできませんでした。

HTML

<menu> 
    <command class="less" /> 
    <command class="more" /> 
    <div></div> 
    <command class="save" /> 
    <command class="vote" /> 
    <div></div> 
    <command class="send" /> 
    <command class="exit" /> 
</menu> 

あなたはそれがjQueryのhereで機能、またはhereそれなしで見ることができます。

ありがとうございました。

PS：私はそう<menu>と<command>要素を残してください、私自身の理由のための要素タイプを変更する必要はありません。私はCSSの助けが必要です

Answer 1

私はこの機能を作るためにいくつかのHTML要素を追加しましたが、JavaScriptは使用しません。

また、既存のCSS属性のカップルは、私がXと属性を先行することによって取り除か。例：jsfiddle exampleへ

menu > div { 
    Xheight: 40px; 
    Xfloat: left; 
} 

リンク。