Skip to content

Your web browser is out of date

Your web browser (the software you use to access the internet) is out of date. You need to update it or use a different web browser to ensure you can complete this form.

Cookies disabled

Cookies are currently not enabled in your web browser. You need to enable cookies to ensure you can complete this form.

Lists

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

Copy code: lists

<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.

Copy code: lists

<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.

Copy code: lists

<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>

Submit a request

Request a change or addition to the design system: this form.


Published 3 May 2024
Last updated 6 August 2024