JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>A</li>
     <li>B</li>
        <li>B</li>
</ol>

CSS

ol {
    counter-reset: item;
}
ol li { display: block }

ol li:before {
    content: counter(item) ". ";
counter-increment: item;
    font-weight: bold;
}