JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>
<div id="result"></div>

CSS

#test {counter-reset:test;}
#test > div {counter-increment:test;}
#result:before {content:counter(test);}