gistfile1.css

/* css */
.numbering {
  margin: 0;
  counter-reset: number;
}
.numbering h2::before {
  counter-increment: number;
  content: counter(number);
  padding-right: 5px;
}

<!-- html -->
<section class="numbering">
  <h1>大見出し</h1>
  <h2>中見出し</h2>
  <p>本文です本文です本文です本文です本文です本文です本文です本文です本文です本文です</p>
  <h2>中見出し</h2>
  <p>本文です本文です本文です本文です本文です本文です本文です本文です本文です本文です</p>
  <h2>中見出し</h2>
  <p>本文です本文です本文です本文です本文です本文です本文です本文です本文です本文です</p>
</section>