html - 创建一个 2 列列表

Question

我正在尝试创建一个包含两列的无序列表。我用谷歌搜索了很多，并找到了使用列表项的方法。这适用于文本很短但有长文本（超过一个段落）时，列表创建 3 行和 1 个右列和 1 个左列（http://jsfiddle.net/MKTt6/）

#faq article li {
    width: 50%;
    float: left;
    font-weight: 600;
    margin-top: 20px;
}

Answer 1

不要为此使用浮点数。而是使用display:inline-block

#faq article li {
    width: 50%;
    display:inline-block;
    margin-right:-4px;
    font-weight: 600;
    margin-top: 20px;
}

Answer 2

您可以清除其中两个中的一个：

li:nth-child(odd) {clear:left;}

Answer 3

这是你想要的？http://jsfiddle.net/sdyjD/1/

我不确定我是否会为此使用 ul。我个人只会选择 div。

html:

<ul>
    <li>
        <div>
          Txt
        </div>
    </li>
    <li>
        <div>
          Txt
        </div>
    </li>
..... etc
</ul>

我使用内部 div 进行填充。

CSS：

ul li {
    float: left;
    width: 50%;
    list-style:none;
}

ul li div {
    padding: 10px;
}