JSFiddle - React, Tailwind, and code Playground

by Uriel Zarnihchi

HTML

<ol>
  <li>BLA-BLA-BLA
    <ol>
      <li> <p>Bla-bla-bla.</p></li>
        <li><p> Bla-bla-bla.</p></li>
        <li><p> Bla-bla-bla.</p>
            <li><p>lalal - balalala</p>
		<ol>
            <li><p> two depth inner </p></li>
		</ol>
	  </li>
    </ol>
  </li>
</ol>

CSS

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