JSFiddle - React, Tailwind, and code Playground

by nikshep

HTML

<h1>Section 1</h1>
<h2>Subsection 1</h2>
<h2>Subsection 2</h2>
<h1>Section 2</h1>
<h2>Subsection 1</h2>
<h2>Subsection 2</h2>
<h1>Section 3</h1>
<h2>Subsection 1</h2>
<h2>Subsection 2</h2>

CSS

body {counter-reset:section;}
h1 {counter-reset:subsection;}
h1:before
{
counter-increment:section;
content: counter(section) ". ";
    font-weight:bold;
}
h2:before 
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}