Чередование блоков с вертикальным наложением

Question

[Владимир]

Необходимо расположить блоки попарно горизонтально (не проблема) и опустить левые блоки вниз, чтобы получилось наложение.
Впринципе это тоже не проблема, решается через

.row:nth-child(odd) { position: relative; top: -5em;}

, однако при этом следующая (нижняя) пара блоков НЕ поднимается - в этом вся проблема.
Иллюстрация и код: http://codepen.io/anon/pen/pdnGq
А вот так http://codepen.io/anon/pen/BLesv хочется сделать.
(Размеры и отступы указаны для примера, в реальности будут другие и с другими соотношениями)

Можно было бы решить проблему, завернув парные элементы в общий контейнер, но необходимо решение без изменения HTML-кода.

Answer 1

[Masterme]

можно попробовать отрицательный margin-top, но на некоторых старых браузерах может не работать

Comments

[Masterme]

http://codepen.io/anon/pen/JvdAc

[Владимир]

Действительно, всё оказалось очень просто. Благодарю!