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)