JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
</ul>

CSS

ul { counter-reset: item; }
li { color : blue; }
li:before {
    counter-increment: item;
    content: counter(item) ". ";
    color : red;
}