JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li> <a href="#Lnk"></a>

    </li>
    <li> <a href="#Lnk"></a>

    </li>
    <ol>
        <li> <a href="#Lnk"></a>

        </li>
        <li> <a href="#Lnk"></a>

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

CSS

ol {
    counter-reset: item
}
li {
    display: block
}
li:before {
    content: counters(item, ".")" ";
    counter-increment: item
}