Как задать border на всю ширину контейнера?

Question

[Дмитрий Ярощук]

Подскажите как задать border-bottom на всю ширину контейнера который подчеркивает заголовки таблицы ?
Как задать размеры колонок и отступы между колонками ?
Пример таблицы
Верстка:

Comments

[xdevelx]

Если ориентироваться на codepen, то просто для body прописать margin: 0 и border станет на всю ширину.

[Дмитрий Ярощук]

xdevelx Таблица обернута в контейнер с шириной 888px

[xdevelx]

Дмитрий Ярощук, Ну так оберните на codepen — о чем еще я должен догадаться?

[Дмитрий Ярощук]

xdevelx Подправил

[xdevelx]

Дмитрий Ярощук,

Подправил

И теперь таблица естественно по ширине контейнера — вопрос можно считать решенным?

[xdevelx]

Делайте так, чтобы было как в макете и потом вопросы задавайте. Впустую на вас тратить время здесь никто не будет.

[Lynn «Кофеман»]

Проще всего добавить пустых ячеек в начале и конце каждой строки.

Или, если расстояние от края таблицы до края контейнера фиксировано, то можно поиграть с псевдоэлементами.

[xdevelx]

Lynn «Кофеман»,

Проще всего добавить пустых ячеек в начале и конце каждой строки.

Это я думаю лишнее — у контейнера то по любому будут горизонтальные внутренние отступы. Здесь подойдет псевдоэлемент с left и right с отрицательным значением величины отступа. Желательно значение отступа вынести в переменную.

[Ankhena]

Налево псевдоэлемент. Направо тень от него.
Так точно не будет полосы прокрутки.

[DIVSIDE]

Тут не должно быть контейнера