JSFiddle - React, Tailwind, and code Playground

HTML

<p class="class1">text<br />text</p>
<p class="class2">text<br />text</p>

CSS

.class1 {
    font-size: 12pt;
    line-height: 24pt;
    font: 12pt sans-serif;
}

.class2 {
    font-size: 12pt;
    line-height: 24pt;
    font: 12pt/24pt sans-serif;
}

p { border: 1px solid gray; }