JSFiddle - React, Tailwind, and code Playground

by swordys

HTML

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>

CSS

ul {
    counter-reset: listStyle;
}

ul li {
    margin-left: 1em;
    counter-increment: listStyle;
}

ul li::before {
    margin-right: 1em;
    content: counter(listStyle, upper-alpha);
}