Menu
Lists & Tables
<ul> Unordered List
Bullet-point lists — items where order does not matter.
1Bulleted Lists
<ul> wraps a list of items where order is not meaningful. Each item goes inside an <li>.
Example Code
css
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>2Put the element in context
An unordered list groups items whose sequence is not the main meaning. Keep each item in an li element and put a nested list inside the relevant item. Styling can change the marker, but a group should still be understandable as related items.
3Practice with a small page
Create a short service list with one item containing a nested list of examples. Add a longer item that wraps onto two lines. Check that marker spacing and indentation still make the grouping easy to scan.
Finished reading?
Mark this topic as complete to track progress.