JSFiddle - React, Tailwind, and code Playground

HTML

<article>
    <h1>Header of the first level</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae aut nobis nemo fuga earum! Explicabo quidem repudiandae provident iste ipsam asperiores tenetur, commodi error? Ratione dolor neque vero laborum perferendis.</p>
    <h2>Header of the second level</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet voluptas laborum sit explicabo, soluta quod est ipsa! Maxime, soluta, eos.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic eaque dolore rem doloremque ad commodi, amet id labore alias? Mollitia!</p>
</article>

CSS

article {
    padding: 24px;
    background-color: white;
}

h1, h2, p {
    margin: 0;
}

h1 {
    margin-bottom: 24px;
    font: 36px/1 serif;
}

h2 {
    margin-top: 24px;
    margin-bottom: 12px;
    font: 24px/1 serif;
}

p {
    margin-top: 12px;
    font: 15px/18px sans-serif;
}