JSFiddle - React, Tailwind, and code Playground

by shamaleyte

HTML

<ol>
    <li>list element one</li>
    <li>list element two</li>
</ol>

CSS

ol {
    counter-reset: listNumbering;
}

li {
    font-size: 1em;
    counter-increment: listNumbering;
}

li:before {
    content: counter(listNumbering) '.';
    font-size: 5em;
    margin-right: 10px
}