JSFiddle - React, Tailwind, and code Playground

HTML

<div id="element"><p>here is some text</p></div>

CSS

#element{
-moz-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform: rotate(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.1763269807084645, M21=0, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
z-index:inherit;
zoom:1;
color:#fff;
background:#333;
margin: 0 10px 0 0;
width: 200px;
text-align:center;
}