list-inside list-disc whitespace-normal [li_&]:pl-6

Written by

in

Unordered-list

An unordered list is a simple, flexible way to present items that do not require a specific sequence. Commonly rendered as bullet points in HTML, documents, and presentations, unordered lists improve readability by grouping related elements and breaking up dense text.

When to use an unordered list

Non-sequential items: Use when the order of entries doesn’t matter (e.g., feature lists, shopping items).
Grouping related content: Summarize categories, options, or characteristics.
Improving scannability: Break large paragraphs into bite-sized items for quick reading.

Structure and syntax

In HTML, an unordered list uses the

tag

with

list

items

wrapped

in

```
First item  Second item  Third item
```

In Markdown:

First item
Second item
Third item

Best practices

Keep items parallel: Use consistent grammatical structure (all nouns, all verbs, etc.).
Be concise: Short, clear items are easier to scan.
Limit length: If a list exceeds 7–10 items, consider grouping items under subheadings.
Use nested lists sparingly: Nest only when hierarchical relationships exist.

Accessibility tips

Ensure list semantics are preserved in HTML (use

Examples

Features: fast load time, responsive design, easy customization.
Tasks: plan, design, implement, test.

Unordered lists are a small but powerful tool for organizing information—use them to make content clearer, more scannable, and easier to understand.