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

不要为此使用 float 。而是使用 display:inline-block

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