Можно ли добиться выпадения боковых margin потомков за границы родителя?

[Squidward]

Здравствуйте. Пример кода здесь: http://jsfiddle.net/vB4wZ/. Задача: вывести 4 float блока в родителе с фиксированной шириной, по 2 блока в "строке", чтобы между блоками было расстояние. Правый край блоков в "правом столбике" должен, разумеется, "соприкасаться" с правым краем родителя. У блоков один класс (блоки генерируются движком) и поэтому задать им разные стили нет возможности. Отступ между блоками реализуется правым маргином. Проблема: из-за margin'ов блоки не помещаются по два в родитель с фиксированной шириной и выстраиваются один под другим. Мое решение(реализовано в примере, показанном выше): завернуть блоки в дополнительный див, имеющий ширину бОльшую, чем родитель (бОльшую на значение выпадающего маргина), а родителю задать overflow:hidden. Решение работает, однако хотелось бы найти более изящный вариант (например, выпадение боковых маргинов за края родителя, если это вообще возможно, или другие способы). Спасибо.

[npofopr]

2 пример вроде то, что вам надо

[Squidward]

Спасибо, да, помогло. В моем случае даже text-align:justify не нужно указывать, достаточно прописать для целевых блоков word-spacing с нужным значением отступа. А вот word-spacing уже оказалось необходимым, так как последняя (вторая в моем случае) строка не "justify'илась", а фишку с псевдоэлементом, заполненным iiii, из указанного вами решения, я не стал использовать.

[Squidward]

Рано я обрадовался: в IE7 почему-то не работает word-spacing для дивов с inline-block (//display:inline и //zoom:1 для ие6-7 я прописал). Почему и как это исправить или заменить? Также ИЕ9 добавляет в ширину word-spacing дополнительнительный пиксель. ИЕ8 работает нормально...