GuideML - OL and LI Tags
Created | Updated Apr 20, 2012
The <ol> tag introduces an ordered list (effectively a numbered list), with each item in that list being denoted by <li> tags.
Syntax and Usage
These are HTML tags, so they can be upper or lower case, but we recommend lower case.
<ol>
<li>...list item 1...</li>
<li>...list item 2...</li>
...more list items...
</ol>
This will insert an ordered list - with numbering 1, 2, 3, etc - into the entry.
If you want to space out the items in the list, then start your ...list item... elements with <p> and end them with </p>, as in Example Two below.
Known Issues
None.
Example One
The colours are ordered like this:
- Red
- Orange
- Yellow
- Green
- Blue
- Indigo
- Violet
<p>The colours are ordered like this:</p> <ol> <li>Red</li> <li>Orange</li> <li>Yellow</li> <li>Green</li> <li>Blue</li> <li>Indigo</li> <li>Violet</li> </ol>
Example Two
It's a simple two-step process:
Put the CD in the CD player.
Press the Play button.
<p>It's a simple two-step process:</p> <ol> <li><p>Put the CD in the CD player.</p></li> <li><p>Press the Play button.</p></li> </ol>