<section>
  <h2>Titulo</h2>
  <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eaque animi qui ducimus quibusdam necessitatibus voluptas nam accusantium ad, nemo, deleniti repellat quae itaque voluptatem ipsam quas cumque! Velit, inventore eligendi.</p>
</section>
<section>
  <h2>Titulo</h2>
  <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eaque animi qui ducimus quibusdam necessitatibus voluptas nam accusantium ad, nemo, deleniti repellat quae itaque voluptatem ipsam quas cumque! Velit, inventore eligendi.</p>
</section>
<section>
  <h2>Titulo</h2>
  <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eaque animi qui ducimus quibusdam necessitatibus voluptas nam accusantium ad, nemo, deleniti repellat quae itaque voluptatem ipsam quas cumque! Velit, inventore eligendi.</p>
</section>
<section>
  <h2>Titulo</h2>
  <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eaque animi qui ducimus quibusdam necessitatibus voluptas nam accusantium ad, nemo, deleniti repellat quae itaque voluptatem ipsam quas cumque! Velit, inventore eligendi.</p>
</section>

body{
  counter-reset: sections;
}
h2::before{
  counter-increment: sections;
  content: counter(sections) ". "
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.