JSFiddle - React, Tailwind, and code Playground

by Uriel Zarnihchi

HTML

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

CSS

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