JSFiddle - React, Tailwind, and code Playground

HTML

<ol> 
    <li>item</li>
    <li>item</li>
    <li>item</li> 
</ol>

CSS

ol {
    counter-reset: item;
}

li {
    display: block;
}

li:before {
    counter-increment: item;
    content: counters(item, "", upper-latin) " ";
}