Lists

Use lists to make blocks of text easier to read, and to break information into manageable chunks.

<ul class="asp-list--plain">    
  <li>    
    <a href="#">Link text example 1</a>    
  </li>    
  <li>    
    <a href="#">Link text example 2</a>    
  </li>    
  <li>    
    <a href="#">Link text example 3</a>    
  </li>    
  <li>    
    <a href="#">More</a>    
  </li>    
</ul>

Bulleted lists

Introduce bulleted lists with a lead-in line ending in a colon. Start each item with a lowercase letter, and do not use a full stop at the end.

<p>Bulleted list example:</p>    
<ul>    
  <li>    
    <a href="#">Link text example 1</a>    
  </li>    
  <li>    
    <a href="#">Link text example 2</a>    
  </li>    
  <li>    
    <a href="#">Link text example 3</a>    
  </li>    
  <li>    
    <a href="#">More</a>    
  </li>    
</ul>

Numbered lists

Use numbered lists instead of bulleted lists when the order of the items is relevant.

Items in a numbered list should end in a full stop because each should be a complete sentence.

<ol>    
  <li>    
    <a href="#">Link text example 1</a>    
  </li>    
  <li>    
    <a href="#">Link text example 2</a>    
  </li>    
  <li>    
    <a href="#">Link text example 3</a>    
  </li>    
  <li>    
    <a href="#">More</a>    
  </li>    
</ol>

Published 3 May 2024
Last updated 6 August 2024