Когда я поворачиваю текстовый элемент внутри div / контейнера на 90 градусов, родительский контейнер имеет такую же ширину, что и длина текста, несмотря на то, что текст поворачивается.
Так, например: предположим, что текст имеет размер 200 x 10. После поворота он становится 10 x 200. Но контейнер остается 200 x 10, а не 10 x 200.
Как я могу автоматизировать ширину контейнера так, чтобы она была высотой не повернутого текста при повороте текста?
<div class="container">
<span class="to_rotate"> Hello, rotate me! </span>
</div>
.to_rotate {
transform: rotate(-90deg);
}