Как выравнять строчно-блочый заголовок по центру страницы?

Всё применяется. Смотрите инспектор. Строчно-блочный элемент по ширине подгоняется под контент. Убирайте вашу строчно-блочность, оьорочаивайте текст внутри h1 в span, делайте подчеркивание у span, а не у h1.

Либо делайте обёртку h1 и у неё уже text-align: center.

А почему если не оборачивать h1 в д
дополнительный див нельзя его по центру выравнять? Строчно блочные что-ди сам по себе не выравниваются?

https://codepen.io/anon/pen/LvEPbK

Александр, а почему они должны выравниваться сами по себе? Он встроен в строку и ведёт себя как строчный элемент, т. е. заполняет ровно столько пространства, сколько нужно ему.

А margin: auto работает только с block и table. Хак ниже с table — слишком весёлая практика, чтобы её применять, на мой взгляд.

Рустам Байназаров, в первый раз такое вижу, display : table

Александр, эм, это… таблица.