Alinee al lado izquierdo del contenedor un elemento girado -90 grados
div {
width: 300px;
height: 300px;
border:1px solid black;
}
h1 {
width: 300px;
transform: rotate(-90deg)
}<div>
<h1>Hola</h1>
</div>Si prueba este fragmento, verá que elh1 se gira y se coloca en el centro del div (tiene sentido, tienen el mismo ancho)
Pero, ¿cómo alinearlo a la izquierda? (ancho del contenedor flexible)