JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<div id="bets">
    <div class="bet">  some content</div>
    <div class="bet">  some content</div>
    <div class="bet">  some content</div>
</div>

CSS

#bets {
    counter-reset: rowNumber;
}

#bets .bet {
    counter-increment: rowNumber;
}

#bets .bet::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}