JSFiddle - React, Tailwind, and code Playground

HTML

<p><a href="#"><em style="line-height: 1em">
    This is an uppercase multirow text inside a link element</em></a>
</p>

<p>
<a href="#"><em style="line-height: 0.8em">
    This is an uppercase multirow text inside a link element</em></a>
</p>

CSS

em {
   color: #C1666e;  
   background : #c9c5c4;
   font : 40px Arial; 
}

a { 
    display         : block; 
    width           : 280px;
    text-transform  : uppercase;
    text-decoration : none;
}

p { float : left; margin: 10px 0 0 20px; }