Как уместить h1 и div в одну строку, что бы при удлинение h1, блок справа автоматически уменьшался и не съезжал вниз?

Question

[etherreals]

Как сделать заголовок h1 и блок div одной строкой на всю ширину контейнера?
При этом, если удлинить h1, то блок div должен уменьшиться в длине и не съехать вниз.
codepen.io/anon/pen/hzGBf

Answer 1

[Alexander Mischuk]

Дурной тон использовать блок для одной только линии. Используйте псевдоэлементы after или before для этих целей.
Используйте white-spae: nowrap, если нужна одна строка для заголовка.
codepen.io/mischuk/pen/Jmwuf

Answer 2

[Андрей Голуменов]

Можно сделать вот так:
codepen.io/golumenov/pen/HDtBG

Answer 3

[Андрей Ежгуров]

Вот такой вариант: codepen.io/anon/pen/CbFJn