<ul>: The UL Element

Last updated: 2026-10-13

<ul>The UL Element

The <ul> (unordered list) element defines a list of items without order, rendered with bullet points by default. Each item is a <li>. Unordered lists suit navigation menus and checklists.

Category	Lists
Content Model	Zero or more <li>, script-supporting elements
Allowed Parents	Any element that accepts flow content
Content Tag	Yes — requires closing `</ul>` tag
Status	Standard

📝 Syntax

<ul>
  <li>Item one</li>
  <li>Item two</li>
</ul>

See all global attributes → See all event attributes →

▶ Example

Edit the code below and see the live result in the playground:

▶ Try it

🌐 Browser Support

Browser	Chrome	Edge	Firefox	Safari	Opera
<ul>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
Supported in all major browsers

❓ FAQ

QIs li required inside ul?

AYes. The content model of <ul> only allows <li> (plus script-supporting elements); raw text or divs are invalid HTML. Use a div for a non-list container.

QCan ul be used for navigation menus?

AYes — <ul> + <li> + <a> is the standard navigation skeleton, ideally wrapped in <nav> for landmark semantics, with CSS removing the bullets and laying items horizontally. Screen readers announce 'list, N items', helping users anticipate menu length.

QWhich CSS removes the list bullets?

Aul { list-style: none; } does it in one line; add padding-left: 0 as well to remove the indent (browsers pad <ul> by default). Note that after removing the bullets, screen readers still announce it as a list — that is exactly the value of preserved semantics.

<ul> — lists tutorial

📚 Related Tutorials

HTML Lists

HTML Lists Tutorial

Learn ordered, unordered and description lists.

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

About Us