JSFiddle - React, Tailwind, and code Playground

HTML

<div><span>test</span></div>
    <div><span>test</span></div>
    <div><span>test</span></div>
    <div><span>test</span></div>

CSS

body {counter-reset:gridnumber;}
div {counter-increment:gridnumber;}
div span {container:griditem / inline-size;}
div span:before {content:counter(gridnumber);}