JSFiddle - React, Tailwind, and code Playground
by okke
HTML
<p>Foobar</p>
<p class="p">Peter</p>
<p class="a">Auke</p>
<p class="p x">Peter</p>
<p class="a x">Auke</p>CSS
p { height: 50px; background: red; line-height: 1; }
.p { height: 1em; padding: 15px 0px; }
.a { line-height: 50px; }
.x { font-size: 3em; }