JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Part1</h1>
<div>
  This is a post about Universe.
</div>

<h2>Part1.1</h2>
<div>
  First we talk about the Galaxy.

  Facts about the Galaxy.
  Now you know the Galaxy.
</div>

<h3>Part1.1.1</h3>
<div>
  More details about the Galaxy.
</div>

<h2>Part1.2</h2>
<div>
  Facts aoubt another galaxy.
</div>

<h1>Part2</h1>

CSS

h2, h2 + * {padding-left:100px;}
h3, h3 + * {padding-left:200px;}