创建一个2列列表

Question

我正在尝试创建一个包含两列的无序列表。我已经google了很多，并找到了与列表项目相关的方法。这在文本很短但有长文本（多个段落）时有效，该列表分别创建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;
}