List

Usage

List is used to create ordered and unordered lists.

• Ordered lists should be used where the items have an inherent order, priority or sequence that needs to be communicated.
• Unordered lists are used for a text-only list of items without a specific order.

Ordered List

Edit live code
<Ol>
    <Li>An example of body text.</Li>
    <Li>
        An example with <Em>emphasis</Em> and <Strong>strong text</Strong>.
    </Li>
</Ol>
<Ol>
    <Li>An example of body text.</Li>
    <Li>
        An example with <Em>emphasis</Em> and <Strong>strong text</Strong>.
    </Li>
</Ol>

Unordered List

Edit live code
<Ul>
    <Li>An example of body text.</Li>
    <Li>
        An example with <Em>emphasis</Em> and <Strong>strong text</Strong>.
    </Li>
</Ul>
<Ul>
    <Li>An example of body text.</Li>
    <Li>
        An example with <Em>emphasis</Em> and <Strong>strong text</Strong>.
    </Li>
</Ul>

Description List

Used to implement a glossary or to display metadata (a list of key-value pairs).

Edit live code
<Dl>
    <Dt>Carbon footprint</Dt>
    <Dd>The total emissions of greenhouse gases (in carbon equivalents) from whichever source is being measured.</Dd>
    <Dt>Carbon Neutral</Dt>
    <Dd>Through carbon offsetting organisation to individual are counterbalancing the emissions they produce to make themselves carbon neutral.</Dd>
</Dl>
<Dl>
    <Dt>Carbon footprint</Dt>
    <Dd>The total emissions of greenhouse gases (in carbon equivalents) from whichever source is being measured.</Dd>
    <Dt>Carbon Neutral</Dt>
    <Dd>Through carbon offsetting organisation to individual are counterbalancing the emissions they produce to make themselves carbon neutral.</Dd>
</Dl>