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