JSFiddle - React, Tailwind, and code Playground

by Reddy Prasad Andhe

HTML

<ol>
    <li>List 1        	
        <ol>
            <li>Sub-Chapter</li>
            <li>Sub-Chapter</li>
        </ol>
    </li>
    <li>List 2
        <ol>
            <li>Sub-Chapter</li>
            <li>Sub-Chapter</li>
        </ol>
    </li>
    <li>List 3</li>
</ol>

CSS

ol {counter-reset:item;}
ol li {display:block;}
li:before {content:counters(item, ".");counter-increment:item;left:-7px;position:relative;font-weight:bold;}