CSSでHTMLの見出しに番号をつける

CSSに, 以下のように記述する. これで, H1タグをつけた見出しに番号がつく.

body { counter-reset: section; }
h1:before { 
  counter-increment: section;
  content: counter(section) ". ";
  display: inline;
}