Вопрос по border в CSS

Я для подчеркивания заголовков использую свойство border-botton. Но оно задает подчеркивание для всего элемента, если это контейнер или если это абзац. Подчеркивание получается от левого края окна до правого (или от левого края контейнера до правого соответственно).

Так вот.

Как сделать нижнюю границу, которая будет только под текстом? Т.е. если длинна заголовка на разных страницах будет разная, и чтобы не менять ширину контейнера для каждой страницы, какое свойство нужно использовать ещё кроме border-botton ?