JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<div class="outer">
    <div class="inner">12345678901234567890</div>
</div>

CSS

div {
    border: 1px solid red;
}
.outer {
    position: absolute;
    top: 0px;
    height: 300px;
}
.inner {
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
    position: relative;
    top: 50%;
    text-align: center;
    width: auto;
    margin-left: 10px;
}