Как сделать, чтобы H1 не тянулся на всю ширину блока?

Question

[cyrilbondarenko]

Как сделать, чтобы H1 не тянулся на всю ширину блока?
Сейчас так:
Нужно, чтобы было вот так:
Проблема в том, что H1 тянется на ширину всего блока, которая автоматически задается самым длинным дочерним.
Прописать определенную ширину не предлагать, предполагается, что текст будет различной длины.

Comments

[Rustam Bainazarov]

Внутри текст оберните в span и вот уже ему задавайте фон.

Answer 1

[Аслан Галаев]

Задать h1 display: inline

Answer 2

[Dymok]

https://snipp.ru/html-css/text-background

Comments

[cyrilbondarenko]

Спасибо, но сделал не так.
Достаточно было текст в H1 обернуть в span и уже ему задать задний фон.