JSFiddle - React, Tailwind, and code Playground

by Thadeusz

HTML

<div class="verticalTxt_lr">
vertical text 1
</div>
<hr>
<div class="verticalTxt_rl">
vertical text 2
</div>
<div class="rotate">
vertical text 3
</div>

CSS

.verticalTxt_lr {
  writing-mode: vertical-lr;
}
.verticalTxt_rl {
  writing-mode: vertical-rl;
}
.rotate {
  transform: rotateZ(270deg);
  transform-origin: 50% 50%;  
}