Вопрос по верстке

Кароч, есть блок div (вытянутый во всю ширину экрана и имеющий фиксированную высоту), внутри него заголовок h1, у заголовка задан border-bottom: 3px solid red; чтобы заголовок был подчеркнут красным цветом. Соответственно ширина h1 должна быть равна тексту, который написан внутри него (иначе полоса будет растягиваться по ширине внешнего блока), и при этом находиться посередине внешнего блока div. Изначально я вручную подбирал ширину h1 под длину текста внутри него и выравнивал его посередине задавая margin: 0 auto; Но такой вариант не подходит т. к заголовок постоянно будет меняться на разных страницах (ширина соответственно тоже), а код менять постоянно не хотелось бы. Тогда я задал заголовку свойство display: inline-block; и заголовок начал растягивать строго по длине текста внутри, но тогда перестало работать свойство margin: 0 auto; и заголовок теперь не находится по центру, а сдвинулся влево. Что делать, есть варианты какие-нибудь?