ul、li、cssだけでこのメニューを作るにはどうすればいいですか？

Question

私はこの使用してCSSをしたいと思っ：

Ssingだけulli、およびa要素を。赤い弾丸は目に見えない。

どうすればいいですか？私は水平の外側の弾丸リストのためにfloat:leftを使用してみました、内側のもののための通常の垂直な箇条書きのリストが、動作しませんでした。

箇条書きリストよりも良い方法はありますか？

Answer 1

私は実行可能な解決策としてこれをそこに投げ捨てます。なぜdiv要素を使用しないのですか？ここでは例です：

CSS -

.container { 
    width : 400px; 
    margin : 0; 
    padding : 0; 
} 
.col { 
    display : inline-block; 
    width : 100px; 
    vertical-align : top; 
} 
.col.double { 
    width : 200px; 
} 

HTML -

<div class="container"> 
    <div class="row"> 
     <div class="col">9</div> 
     <div class="col">0</div> 
     <div class="col">TITLE</div> 
    </div> 
    <div class="row"> 
     <div class="col double">{image}</div> 
     <div class="col">text text text text text text text text text text text text text text text text text text </div> 
    </div> 
</div> 

ここではデモです：http://jsfiddle.net/a9m76/1/