JSFiddle - React, Tailwind, and code Playground

by Blender

HTML

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

CSS

ol {
    padding-left: 40px;
    list-style: none;
    counter-reset: number;
}

ol li:before {
    display: inline-block;
    
    content: counter(number) '.';
    counter-increment: number;
    
    width: 30px;
}