Html CSS-两列列表间距

Html CSS-两列列表间距,html,css,html-lists,Html,Css,Html Lists,我有一张这样的清单 -------------------- | | | | 1 | 2 | | | | | 3 | 4 | | | | | 5 | 6 | | | | -------------------- (这是一个带有的简单) 这个列表的容器,我们称之为div.wrap有一个固定的宽度,比如400像素,

我有一张这样的清单

--------------------
|        |         |
|   1    |    2    |
|        |         |
|   3    |    4    |
|        |         |
|   5    |    6    |
|        |         |
--------------------
(这是一个带有
  • 的简单

      这个列表的容器,我们称之为
      div.wrap
      有一个固定的宽度,比如400像素,列表项以
      50%
      的宽度向左浮动

      如何在不破坏布局的情况下,在左右列表项之间添加10像素的间距? 请注意,我无法从列表中控制HTML,因此无法向这些列表项添加任何类:(

      我在
    • 上尝试了
      右边距:10px
      ,在
        上尝试了
        右边距:-10px
        ,但没有成功:)

        <

        编辑
        如果要隐藏第二个边距,可以使
        ul
        比其换行和隐藏溢出稍微大一点:


        不是非常优雅,但足够简单。

        是的,但这也增加了第二列的页边空白。这就是我试图避免的原因:)同样,li项目宽度必须是百分比,因为容器宽度可以改变,即使它是固定的。