JSFiddle - React, Tailwind, and code Playground

HTML

<div><p class="p">Lorem Ipsum</p></div>

<div><p class="b">Dolor sit amet</p></div>

CSS

body{
    padding:32px;
}

div{
 border:1px dotted red;      
 margin-bottom:16px;
}

.p{
 background:#f0f0f0;
 font: 16px/32px serif;    
}

.b{
 background:#f0f0f0;
 font-size: 16px;
 font-family: serif;
 line-height:32px;
}