JSFiddle - React, Tailwind, and code Playground

HTML

<h1> Heading 1 </h1>

<h2> Heading 2.1 </h2>
<p> Paragraph 2.1.1 </p>
<p> Paragraph 2.1.2 </p>
<p> Paragraph 2.1.3 </p>

<h2> Heading 2.2 </h2>
<p> Paragraph 2.2.1 </p>
<p> Paragraph 2.2.2 </p>
<p> Paragraph 2.2.3 </p>

CSS

h2 ~ *:not(h2) {
    margin-left: 1em;
}