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

Нужно, чтобы было вот так:

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