JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
        <p>Lorem ipsum sit amet, <em>duo ut dicant expetenda</em>. Laudem maiestatis eam et. Lucilius patrioque instructior et has. Sea at zril affert, mea accusam nominavi officiis te. Ad nam tota quidam mandamus, pro <em>dolor</em> veri volumus torquatos an.</p>
    </div>

CSS

html, body {
    height: 100%;
}

body {
            font-size: x-small;
        }
        div{
            outline: 1px solid red;
            background-color: silver;
            overflow: visible;
            height: 25%;
        }

        #test em {
            position: relative;
            color: red;
            bottom: -10%;
        }
p {
    height:25%;
}