JSFiddle - React, Tailwind, and code Playground

by Claudius

HTML

<div class="fl">
    <span class="titleTextV">My ABC</span>
</div>

CSS

.titleTextV{
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-size:1.3em;
    background:#999;
    height:100%;
    display: inline-block;
} 
.fl {border: 1px solid red;

}

JavaScript

$('.fl').height($('.titleTextV').width());