Ordered List Examples

Ordered lists can use five different types of numbering: A=upper-case letters, a=lower-case letters, I=large roman numerals, i=small roman numerals, and 1=arabic numbers (default numbering scheme).

HTML code Result
Text before the list.
<ol type="A">
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
</ol>
Text after the list.
 Text before the list.
  1. Item one in the list.
  2. Item two in the list.
  3. Item three in the list.
  4. Item four in the list.
Text after the list.
Text before the list.
<ol type="a">
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
</ol>
Text after the list.
 Text before the list.
  1. Item one in the list.
  2. Item two in the list.
  3. Item three in the list.
  4. Item four in the list.
Text after the list.
Text before the list.
<ol type="I">
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
</ol>
Text after the list.
 Text before the list.
  1. Item one in the list.
  2. Item two in the list.
  3. Item three in the list.
  4. Item four in the list.
Text after the list.
Text before the list.
<ol type="i">
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
</ol>
Text after the list.
 Text before the list.
  1. Item one in the list.
  2. Item two in the list.
  3. Item three in the list.
  4. Item four in the list.
Text after the list.
Text before the list.
<ol type="1">
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
</ol>
Text after the list.
 Text before the list.
  1. Item one in the list.
  2. Item two in the list.
  3. Item three in the list.
  4. Item four in the list.
Text after the list.

 

Ordered lists can begin or change the list numbering by using the VALUE attribute.

HTML code Result
Text before the list. <ol>
<li value="4">Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
<li value="1">Item five in the list.
<li>Item six in the list.
<li>Item seven in the list.
<li>Item eight in the list.
<li value="21">Item nine in the list.
<li>Item ten in the list.
<li>Item eleven in the list.
<li>Item twelve in the list.
</ol>
Text after the list.		 Text before the list.
  1. Item one in the list.
  2. Item two in the list.
  3. Item three in the list.
  4. Item four in the list.
  5. Item five in the list.
  6. Item six in the list.
  7. Item seven in the list.
  8. Item eight in the list.
  9. Item nine in the list.
  10. Item ten in the list.
  11. Item eleven in the list.
  12. Item twelve in the list.
Text after the list.

 

Ordered lists can begin or change the list numbering type by using the TYPE attribute.

HTML code Result
Text before the list. <ol>
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
<li type="i">Item five in the list.
<li>Item six in the list.
<li>Item seven in the list.
<li>Item eight in the list.
<li type="A">Item nine in the list.
<li>Item ten in the list.
<li>Item eleven in the list.
<li>Item twelve in the list.
</ol>
Text after the list.		 Text before the list.
  1. Item one in the list.
  2. Item two in the list.
  3. Item three in the list.
  4. Item four in the list.
  5. Item five in the list.
  6. Item six in the list.
  7. Item seven in the list.
  8. Item eight in the list.
  9. Item nine in the list.
  10. Item ten in the list.
  11. Item eleven in the list.
  12. Item twelve in the list.
Text after the list.