JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
	<li>Apresentacao</li>
	<ol>
		<li> Conteudo </li>
		<li> Programação </li>
		<ol>
		    <li> JAVA </li>
		    <li> DOTNET </li>
	    </ol>
	</ol>
	<li>Conclusão</li>
	<ol>
		<li> Agradecimentos</li>
	     <ol>
		    <li> Família </li>
		    <li> Professores </li>
	    </ol>
	</ol>
	<li>Fim</li>
</ol>

CSS

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