JSFiddle - React, Tailwind, and code Playground

HTML

<div class="check" style="float:left;margin-top:10px;">Hello Joe... this vertical text, is too long</div>
<div style="margin-left:50px;">Hello222222</div>

CSS

.check {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    top: 0;
    left: 70px;
    white-space: nowrap;    
    

}