JSFiddle - React, Tailwind, and code Playground

by Guilherme Moura Nascimento

HTML

<section>
    <h1>Mussum ipsum cacilds</h1>
    <h2> Sapien in monti palavris</h2>
    <p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
    
    <h2>Manduma pindureta</h2>
    <p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
   
</section>

CSS

section {
    counter-reset: titulo;
}

h1:before{
    content: "Capítulo " counter(titulo) " - ";
    counter-increment: titulo;
}

h1{
    counter-reset: subtitulo;
}

h2:before {
    content: counter(subtitulo) " - ";
    counter-increment: subtitulo;
}