Странный отступ у table, как убрать?

Question

[Дмитрий Тарасов]

Всем привет! У таблицы есть непонятный отступ, а точнее таблице не по всей ширине родительского блока ссылка на кодпен https://codepen.io/fast-je/pen/ppGqJY
На картинках можно заметить, что тег h2 по всей ширине родительского блока, а table нет.
joxi.ru/a2XV5nNh1RQ9vr
joxi.ru/Dr8KQPYh4QK3BA
joxi.ru/LmGVknWheqBjQr

Comments

[Даниил Попов]

Может просто глюк рендера? Пробовали масштабирование покрутить?

[Дмитрий Тарасов]

Даниил Попов, чел говорит, что у него нету вообще никаких отступов, сидит в опера, у меня хром там и там вебкит, даже заходил с опера у себя все равно одно и тоже, что опера что хром. Машина macbook pro 13, OC: macOS high sierra
У вас нету отступа ?

[Даниил Попов]

win10 chrome никаких отступов не заметил

Answer 1

[Антон Кирпач]

классу main-content добавь display: table; если это так критично

Comments

[Дмитрий Тарасов]

Антон Кирпач, а почему отступ, почему вообще это происходит ?
Table работает

[Антон Кирпач]

Дмитрий Тарасов, Определяет, что элемент является блочной таблицей подобно использованию тега table.