Есть тег div с элементом h1 внутри. Текст внутри h1 добавялется динамически из формы. По умолчанию, ширина блока div составляет 300рх, а размер текста 60рх. Если кол-во символов в одном слове вмещается в эту ширину, то при переносе слов, блок увеличивается в высоту.
Задача в том, чтобы блок div расширялся в ширину, когда кол-во символов в одном слове не вмещается в эти 300рх.
Можно ли это сделать с помощью лишь CSS или же только при помощи JS?
Думаю, что вот так можно сделать
div {display: inline-block;background-color:red;color:white;min-width:300px;}
<div>
<h1>Этот текст не вместился в 300px</h1>
</div>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей