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

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

Wenn Sie dieses Snippet ausprobieren, sehen Sie, dass dash1 wird gedreht und in der Mitte des div platziert (macht Sinn, sie haben die gleiche Breite)

Aber wie richtet man es nach links aus? (flexible Behälterbreite)