JSFiddle - React, Tailwind, and code Playground

by Toni

HTML

<div class="out">
    <div class="in">vertical text test</div>
</div>

CSS

.out{
    width:300px;
    height:100px;
    border:2px solid #00ffff;
    transform:rotate(-90deg);
    transform-origin: 0% 0%;
    position:absolute;
    bottom:0;
    text-align:right;
}
.in{
    
    awidth:400px;
    /*transform-origin: 0% 100%;*/
}