使用CSS2 </ul>将<ul>拆分为两列

Question

是否有一个很好的跨浏览器解决方案，可以将单个<ul>分成两列，或者仍然是使用两个独立列表的最佳方法？我正在寻找一个解决方案，因此如果需要替代HTML来支持旧浏览器，则不允许使用CSS3。

必需的浏览器支持IE7 +，FF3 +。

Answer 1

我使用基本的非CSS3创建了一个JSFiddle，它似乎有效。应该是跨浏览器，可能是您开始修改特定解决方案的良好基础。

以下是CSS的一瞥：

ul {
    width:340px;
    margin:0;
    padding:0;
}

ul:after {
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}

ul li {
    margin:0 0 0 30px;
    padding:0 0 10px 0;
    float:left;
    display:block;
    width:140px;
}

http://jsfiddle.net/grahamzibar/zdBvk/