Lists

Ordered list

Use an ordered list <ol> when the order of the items are important or when the list order is relevant.

Example
  1. Ordered list item 1
  2. Ordered list item 2
    1. Ordered list item 1
    2. Ordered list item 2
  3. Ordered list item 3
<ol>
    <li>...</li>
</ol>

Unordered list

Use an unordered list <ul> when the order of the items aren't important or when the list order is irrelevant.

Example
  • Unordered list item 1
  • Unordered list item 2
    • Unordered list item 1
    • Unordered list item 2
  • Unordered list item 3
<ul>
    <li>...</li>
</ul>

Description list

Use a description list <dl> to list a group of one or more terms and descriptions.

Example
Definition term 1
Definition description 1
Definition term 2
Definition description 2
<dl>
    <dt>...</dt>
    <dd>...</dd>
</dl>