JSFiddle - React, Tailwind, and code Playground
by hodca
HTML
<div id="container">
<div id="sub">
</div>
</div>
CSS
#container{
width:100%;
height:100%;
}
#sub{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
padding-top: 5px;
top: 45%;
left:-10%;
border: 1px solid red;
}