In Action

Ordered List Number Options

start on number other than default
  1. red
  2. blue
  3. green
  4. yellow
Uppercase Roman Numerals
  1. red
  2. blue
  3. green
  4. yellow
Lowercase Roman Numerals
  1. red
  2. blue
  3. green
  4. yellow
Uppercase alphanumerics
  1. red
  2. blue
  3. green
  4. yellow
Lowercase alphanumerics
  1. red
  2. blue
  3. green
  4. yellow


Toycode

HTML Code

Just cut-n-paste to reuse. Note that I am using inline css to change the bullet style from the default.

  
<lh> start on number other than default
<ol start=5>
<li>red
<li>blue
<li>green
<li>yellow
</ol>

<lh> Uppercase Roman Numerals
<ol style="list-style-type: upper-roman">
<li>red
<li>blue
<li>green
<li>yellow
</ol>

<lh> Lowercase Roman Numerals
<ol style="list-style-type: lower-roman">
<li>red
<li>blue
<li>green
<li>yellow
</ol>

<lh> Uppercase alphanumerics
<ol style="list-style-type: upper-alpha">
<li>red
<li>blue
<li>green
<li>yellow
</ol>

<lh> Lowercase alphanumerics
<ol style="list-style-type: lower-alpha">
<li>red
<li>blue
<li>green
<li>yellow
</ol>