JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Title 1</h2>
<p>Subtitle</p>
<div>The text after.</div>

<h2>Title 2</h2>
<div>The text after.</div>

CSS

h2
{
    margin-bottom: 150px;
}

h2 + p
{
    margin-top: -150px; margin-bottom: 150px;
}

/* just so we can see the elements exact position */
h2, p, div
{
    border: solid 1px #333;
}