html - 在左浮动 ul 列表中对齐文本

Question

这是我的 fiddle :http://jsfiddle.net/pUuFb/

如何将第三个元素与前两个元素对齐在同一行？我试过 vertical-align: bottom 但它不起作用。这似乎是我所缺少的一件非常明显的事情。有人知道怎么回事吗？

Answer 1

将列表项和 div 的 CSS 更改为:

li {
    margin: 0 20px 0 5px;
    display: inline;
}
div {
    display: inline;
}

jsFiddle example