<ol>

Syntax

<ol>
  <li>First step</li>
  <li>Second step</li>
</ol>

Examples

<ol>
  <li>Preheat the oven to 350°F</li>
  <li>Mix the dry ingredients</li>
  <li>Add wet ingredients and stir</li>
  <li>Bake for 25 minutes</li>
</ol>

<ol start="5">
  <li>Step five</li>
  <li>Step six</li>
  <li>Step seven</li>
</ol>

<ol reversed>
  <li>Third place</li>
  <li>Second place</li>
  <li>First place</li>
</ol>

<ol type="A">
  <li>Option A</li>
  <li>Option B</li>
</ol>

Attributes

• start (number): Sets the starting number of the list (default is 1)
• reversed (boolean): Numbers the list in descending order
• type (1 | A | a | I | i): Sets the numbering style: numbers, letters, or Roman numerals

Best practices

• Use <ol> whenever the sequence of items carries meaning, such as instructions or rankings
• Use the start attribute rather than manually numbering items in the text
• Reach for the reversed attribute for countdowns instead of reordering the markup
• Keep list item text parallel in structure and grammar for readability

Browser compatibility

Related HTML documentation

Specifications & further reading

• HTML Living Standard