格式化列表项以垂直方式进行字母顺序，然后在向左浮动时水平对齐

Question

假设我有以下html：

<ul id="a">
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
</ul>

以下CSS：

ul#a {width:20px;}
ul#a li {float:left; width:10px;}

目前的输出是：

a   b
c   d

我想要的输出是：

a   c
b   d

有没有办法做到这一点而不将李的分解成两个ul？

谢谢， - 汤姆

Answer 1

This article from A List Apart可能会对您有所帮助。从2005年开始，它可能有点过时了。不过，这还是一个可以开始的地方。