如何仅使用ul，li和css创建此菜单？

Question

我想用CSS做到这一点：

仅限ul li和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/