Alinhar ao lado esquerdo do contaner um elemento girado -90deg
div {
width: 300px;
height: 300px;
border:1px solid black;
}
h1 {
width: 300px;
transform: rotate(-90deg)
}
<div>
<h1>Hola</h1>
</div>
Se você tentar esse trecho, verá que oh1
é girado e colocado no centro da div (faz sentido, eles têm a mesma largura)
Mas como alinhá-lo à esquerda? (largura do recipiente flexível)