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>Submit a request
Request a change or addition to the design system use this form.
Published 3 May 2024
Last updated 6 August 2024