Всем привет. Задача такова, что четные строки таблицы должны иметь фон во всю ширину страницы, в то время, как контент таблицы должен находиться внутри контейнера. Я решил реализовать данную фичу, навесив псевдокласс всем четным строкам. Разметку делал дивами, они ведут себя чуть послушней, чем нативная таблица. Но строкам задавал display: table-row, ячейкам display: table-cell
Проблема в том, что мой псевдоэлемент занимает место и ячейки сдвигаются вправо. Я не понимаю, почему.
![c53cf8bc725a4b12a0db6d4489315a32.png](https://habrastorage.org/web/c53/cf8/bc7/c53cf8bc725a4b12a0db6d4489315a32.png)
Может существует более элегантный способ сверстать подобный случай?
Здесь пример