Вытяните центрированный элемент в одну сторону

У меня есть заголовок по центру, но я бы хотел, чтобы нижняя граница расширялась до левого края экрана, но сохраняла максимальную ширину заголовка.

Пример 1:
Ширина экрана 1400 пикселей
Ширина заголовка - 1200 пикселей (начиная слева: 100 пикселей, заканчивая слева: 1300 пикселей)
Ширина границы составляет 1300 пикселей (начиная слева: 0, заканчивая слева: 1300 пикселей).

Пример 2:
Ширина экрана 100 пикселей
Ширина заголовка 100 пикселей. Ширина границы 100 пикселей.

Код:

<header>
    ...
</header>

header {
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid black;
}