JSFiddle - React, Tailwind, and code Playground

HTML

<p>
    А роза <u>упала</u> <i>на лапу</i> Азора<br>
    Ах, у печали мерило, но лире мила чепуха<br>
    <small>←(читается одинаково:)→</small>
</p>

CSS

p { line-height: 2; }

p:first-line { background: #000; color: #fff; }

i { display: inline-block; height: 50px; paddding: 2px; border: 2px #0c0 dotted; }

u { vertical-align: bottom; }