（サンプル01）olタグを使った通常の自動連番
- ダミーテキスト（第１階層）
- ダミーテキスト（第１階層）
- ダミーテキスト（第１階層）
- ダミーテキスト（第１階層）
- ダミーテキスト（第１階層）
（サンプル02）olタグに「counter-increment」プロパティを使った枝番付き
- ダミーテキスト（第１階層）
- ダミーテキスト（第１階層）
- ダミーテキスト（第２階層）
- ダミーテキスト（第２階層）
- ダミーテキスト（第２階層）
- ダミーテキスト（第３階層）
- ダミーテキスト（第３階層）
- ダミーテキスト（第３階層）
- ダミーテキスト（第２階層）
- ダミーテキスト（第２階層）
- ダミーテキスト（第３階層）
- ダミーテキスト（第３階層）
- ダミーテキスト（第１階層）
- ダミーテキスト（第１階層）
サンプル02のhtmlソース
<ol>
<li>ダミーテキスト（第１階層）</li>
<li>ダミーテキスト（第１階層）
<ol>
<li>ダミーテキスト（第２階層）</li>
<li>ダミーテキスト（第２階層）</li>
<li>ダミーテキスト（第２階層）
<ol>
<li>ダミーテキスト（第３階層）</li>
<li>ダミーテキスト（第３階層）</li>
<li>ダミーテキスト（第３階層）</li>
</ol>
</li>
<li>ダミーテキスト（第２階層）</li>
<li>ダミーテキスト（第２階層）
<ol>
<li>ダミーテキスト（第３階層）</li>
<li>ダミーテキスト（第３階層）</li>
</ol>
</li>
</ol>
</li>
<li>ダミーテキスト（第１階層）</li>
<li>ダミーテキスト（第１階層）</li>
</ol>
サンプル02のCSSソース
ol {
counter-reset: section;
list-style-type: none;
}
li:before {
counter-increment: section;
color: blue;
content: counters(section, ".") " ";
}
