CSS - две колонки разнос список

Question

У меня есть список, который выглядит следующим

-------------------- 
|  |   | 
| 1 | 2 | 
|  |   | 
| 3 | 4 | 
|  |   | 
| 5 | 6 | 
|  |   | 
-------------------- 

(это простой <ul> с <li> «s)

контейнер этого списка, давайте назовем его div.wrap имеет фиксированная ширина, равная 400 пикселям, а элементы списка перемещаются влево с шириной 50%.

Как добавить 10-пиксельный интервал между элементами списка слева и справа, не прикручивая макет? Обратите внимание, что я не имею никакого контроля над HTML внутри списка, так что я не могу добавить любые классы этих элементов списка :(

Я попытался с margin-right: 10px на <li>-х и margin-right: -10px на <ul> но что Безразлично не работает

Answer 1

An example with margin-right.

редактировать
Если вы хотите, чтобы скрыть второй край, вы можете сделать ul немного больше, чем его обернуть и скрыть переполнения:
http://jsfiddle.net/YBy2K/3/

Не очень элегантный, но достаточно просто.