HTML - <ol>

Examples

<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

<ol start="7">
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

<ol>
  <li>first item</li>
  <li>second item      <!-- Look, the closing </li> tag is not placed here! -->
    <ol>
      <li>second item first subitem</li>
      <li>second item second subitem</li>
      <li>second item third subitem</li>
    </ol>
  </li>                <!-- Here is the closing </li> tag -->
  <li>third item</li>
</ol>

<ol>
  <li>first item</li>
  <li>second item      <!-- Look, the closing </li> tag is not placed here! -->
    <ul>
      <li>second item first subitem</li>
      <li>second item second subitem</li>
      <li>second item third subitem</li>
    </ul>
  </li>                <!-- Here is the closing </li> tag -->
  <li>third item</li>
</ol>

Description  

The HTML <ol> Element (or HTML Ordered List Element) represents an ordered list of items. Typically, ordered-list items are displayed with a preceding numbering, which can be of any form, like numerals, letters or Romans numerals or even simple bullets. This numbered style is not defined in the HTML description of the page, but in its associated CSS, using the list-style-type property.

There is no limitation to the depth and overlap of lists defined with the <ol> and <ul> elements.

Browser Compatibility  

See Also  

• Other list-related HTML Elements: <ul>, <li>, <menu> and the obsolete <dir>;
• CSS properties that may be specially useful to style the <ol> element:
  • the list-style property, useful to choose the way the ordinal is displayed,
  • CSS counters, useful to handle complex nested lists,
  • the line-height property, useful to simulate the deprecated compact attribute,
  • the margin property, useful to control the indent of the list.

Specifications  

License