如何在有效的XHTML / CSS中创建2列列表？

Question

我必须构建一个页面，该页面具有适合两列的列表。 该列表由PHP生成，因此需要易于添加输入。

它想：

* Lorem Ipsum           * Lorem Ipsum
* Lorem Ipsum           * Lorem Ipsum
* Lorem Ipsum           * Lorem Ipsum
* Lorem Ipsum           * Lorem Ipsum
* Lorem Ipsum           * Lorem Ipsum

我想知道是否有某种方法可以使用<ul />和<li />的基本结构来生成它：

<ul>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
</ul>

我需要支持主要的浏览器（不支持IE7、6）。

先感谢您！

Answer 1

我找到了解决方案：

ul li {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
}

Answer 2

正如解释在这里 ，一个简单的方法来做到这一点是给一个明确的宽度到列表中，它的项目，有项目浮动到左边：

ul {
    width: 700px;
}

li {
    width: 200px;
    float: left;
}

Answer 3

您正在寻找CSS3多栏属性。 不幸的是，与CSS3规范中提供的许多出色功能不同，到目前为止，几乎没有任何浏览器支持此功能。 虽然有一个javascript可以使它在大多数浏览器中运行：

http://www.alistapart.com/articles/css3multicolumn/