JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.
        <ol>
            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.
                <ol>
                    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.</li>
                </ol>
            </li>
            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.
                <ol>
                    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.
                        <ol>
                            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.</li>
                            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.</li>
                        </ol>
                    </li>
                </ol>
            </li>
        </ol>
    </li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec,...

CSS

ol {
    counter-reset: item;
}
ol li {
    display: block;
    position: relative;
}
ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}