div {
  width: 300px;
  height: 300px;
  border:1px solid black;
}
h1 {
  width: 300px;
  transform: rotate(-90deg)
}

<div>
  <h1>Hola</h1>
</div>

Если вы попробуете этот фрагмент, вы увидите, чтоh1 поворачивается и помещается в центр div (имеет смысл, они имеют одинаковую ширину)

Но как выровнять его по левому краю? (ширина гибкого контейнера)