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)