JSFiddle - React, Tailwind, and code Playground

by bowheart

HTML

<div class="container">
  <svg viewbox="0 0 120 30">
    <g height="120" width="120" transform="rotate(90), scale(4)" x="0" y="0">
      <text class="text" x="3" y="0" textLength="120">
        stuff and stuff
      </text>
    </g>
  </svg>
</div>

CSS

.container {
  height: 100px;
  width: 25px;
}

svg {
  height: 100%;
  width: 100%;
}

g {
  transform-origin: top;
}