<ol>
<li>list #1</li>
<li>list #2</li>
<li>list #3</li>
</ol>
จะแสดงผลเป็น
- list #1
- list #2
- list #3
โดยปกติแล้วในการเขียน OL ในแต่ละครั้งจะมีการเริ่มนับที่ 1 ใหม่เสมอ แต่เราสามารถสั่งให้ OL เริ่มนับจากเลขที่เราต้องการได้เช่นการใช้ในการเขียน list ยาวๆ และต้องขึ้นหน้าใหม่ เราสามารถใช้ประโยชน์จากความสามารถของ CSS ได้โดย การเรียกใช้คุณสมบัติ counter-reset เช่น
OL#list_one { counter-reset: item }
OL#list_two { counter-reset: item 4 }<ol id="list_one">
<li>list #1</li>
<li>list #2</li>
<li>list #3</li>
</ol>
<ol id="list_two">
<li>list #4</li>
<li>list #5</li>
<li>list #6</li>
</ol>
คำเตือน เนื้อหาต่างๆ ในบทความ รวมถึงรูปภาพทั้งหมดในบทความนี้ เป็นความเห็นส่วนตัวของผู้เขียนแต่ละคน ซึ่งแต่ละคนได้ทำการลงทะเบียน และเขียนบทความลงใน Modoeye Articles นี้โดยไม่มีค่าธรรมเนียมใดๆ บทความเหล่านี้เป้าหมายเพื่อการศึกษา และความบันเทิงเท่านั้น การนำส่วนหนึ่งส่วนใดของบทความไปใช้งาน ควรทำการอ้างอิงถึงผู้เขียนและแหล่งที่มาด้วย