XHTML & CSS
Ordered Lists

Numbered List

<!-- ~~~~~~~~~~~~~  CODE ~~~~~~~~~~~ -->

<ol>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>

How it looks in the browser
  1. First Item
  2. Second Item
  3. Third Item

Upper Case Alpha

<!-- ~~~~~~~~~~~~~  CODE ~~~~~~~~~~~ -->

<ol style="list-style-type: upper-alpha">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>

How it looks in the browser
  1. First Item
  2. Second Item
  3. Third Item

Lower Case Alpha

<!-- ~~~~~~~~~~~~~  CODE ~~~~~~~~~~~ -->

<ol style="list-style-type: lower-alpha">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>

How it looks in the browser
  1. First Item
  2. Second Item
  3. Third Item

Upper Case Roman

<!-- ~~~~~~~~~~~~~  CODE ~~~~~~~~~~~ -->

<ol style="list-style-type: upper-roman">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>

How it looks in the browser
  1. First Item
  2. Second Item
  3. Third Item

Lower Case Roman

<!-- ~~~~~~~~~~~~~  CODE ~~~~~~~~~~~ -->

<ol style="list-style-type: lower-roman">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>

How it looks in the browser
  1. First Item
  2. Second Item
  3. Third Item
Author - Alan Dunbar
Creative Commons Licence
Valid XHTML 1.0