我有一个看起来像这样的列表
--------------------
| | |
| 1 | 2 |
| | |
| 3 | 4 |
| | |
| 5 | 6 |
| | |
--------------------
（这是一个简单的<ul> <li>'）
此列表的容器，我们称之为div.wrap具有400像素的固定宽度，列表项以50%宽度浮动到左侧。
如何在左侧和右侧列表项之间添加10像素间距，而不会搞砸布局？ 请注意，我无法控制列表中的HTML，因此我无法向这些列表项添加任何类：（
我尝试使用margin-right: 10px上的<li>和margin-right: -10px上的<ul>，但这不起作用。）