JSFiddle - React, Tailwind, and code Playground

HTML

<div><em>Doug</em></div>

CSS

div {
    width: 300px;
    height: 20px;
         -moz-transform: rotate(-90deg);  /* FF3.5+ */
       -o-transform: rotate(-90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
          transform: rotate(-90deg);  
    background: red;
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position: relative;
}

em { position: relative; display: block;}