JSFiddle - React, Tailwind, and code Playground

HTML

<p> 
<span>w</span>
<span>r</span>
<span>i</span>
<span>t</span>
<span>i</span>
<span>n</span>
<span>g</span>
<span>-</span>
<span>m</span>
<span>o</span>
<span>d</span>
<span>e</span>
</p>

CSS

p{
 -webkit-writing-mode:vertical-rl; 
-ms-writing-mode:tb-rl;
 writing-mode:vertical-rl;
background:red;
padding:10px 6px;
text-align:center;
}
p span{
  display:inline-block;
  transform:rotate(-90deg);
  font-size:20px;
  height:22px;
  text-transform:uppercase;
}