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

我必须建立一个网页，有一个列表，适合在两列。此列表由PHP生成，因此需要易于添加输入

它希望：

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

我想知道是否有某种方法可以用

和

的基本结构来生成这个：

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

同侧眼睑
同侧眼睑
同侧眼睑
同侧眼睑
同侧眼睑

我需要支持主要的浏览器（不支持IE7和IE6）

---

提前谢谢你

我找到了解决这个问题的方法：

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

如前所述，一种简单的方法是为列表及其项指定一个显式宽度，并使这些项向左浮动：

ul {
    width: 700px;
}

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

---

您正在寻找CSS3多列属性。不幸的是，与CSS3规范中提供的许多很酷的特性不同，目前几乎没有任何浏览器支持这一点。不过，有一种javascript可以在大多数浏览器中使用：