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{
background:red;
padding:10px 6px;
position: fixed;
right: 50%;
}
p span{
  display:block;
  text-align:center;
  font-size:20px;
  text-transform:uppercase;
}