<?xml version="1.0" encoding="utf-8"?>

Unordered lists

Unordered lists

The HTML <ul> element creates unordered lists that display information without numerical sequence. This container element wraps individual list items, each marked with the <li> tag.

Browsers render unordered lists with bullet points by default, though this styling can be modified with CSS. While items lack explicit numbering, they appear in the same sequence as written in the code, maintaining their relative order.

Unordered lists excel at presenting collections where sequence doesn't matter, such as shopping lists or feature sets. They provide clear visual separation between items and create proper semantic structure that assistive technologies can interpret correctly.

Pro Tip: Use unordered lists to improve content scanability, but avoid nesting them more than 3 levels deep, as excessive nesting reduces readability for all users.

Improve your UX & Product skills with interactive courses that actually work