Counting heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis dolor labore magni minima quia iusto provident, placeat illo aut voluptas.
Another heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis dolor labore magni minima quia iusto provident, placeat illo aut voluptas.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis dolor labore magni minima quia iusto provident, placeat illo aut voluptas.
Why not another heading?
Placeat illo aut voluptas.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, commodi voluptatem? Consectetur esse illum rem sit cum facere voluptatibus ipsum cumque placeat magni. Odio odit, dolorum atque minima vitae officiis omnis enim ad aperiam ipsam fugit, dolores molestiae veritatis sapiente.
How it works
:root ❴
counter-reset: headings;
❵
h2 ❴
counter-increment: headings;
❵
h2::before ❴
content: counter(headings);
❵
And add a bit of CSS styling.