Skip navigation

Mark up lists and list items properly.

(see guidelines for overcoming access barriers)

Standard List

Standard lists are either ordered or unordered (bullet lists). An ordered list should contain information where order should be emphasized as in a recipe.

Definition List

Definition lists are simple yet powerful ways to format definition terms and descriptions.

Nested List

Nested lists allow you to place a list within a list.

Example:

Standard ordered list:

  1. First item comes first
  2. Second item comes second

Code for a standard ordered list


<ol>
   <li>First item comes first</li>
   <li>Second item comes second</li>
</ol>

Back to top

definition list:

Definition term
definition

Code for a definition list


<dl>
   <dt>Definition term</dt>
   <dd>definition</dd>
</dl>

Back to top

nested list:

Code for a nested list


<ul>
  <li>First item comes first
    <ul>
      <li>first list element of first list item </li>
      <li>second list element of first list item </li>
    </ul>
  </li>
  <li>Second item comes second</li>
</ul>

Back to top