WS WhereIsStuff
Tutorial Guides
Log In
Sign Up

Advertisement

Google Ad Slot: content-top

Unorder list

~1 min read · HTML
On this page
❮ Previous Next ❯

An unordered list in HTML is used to display a list of items where the order doesn't matter. It's created using the <ul> (unordered list) tag, and each item within the list is placed inside an <li> (list item) tag

Basic Structure
  • Item 1
  • Item 2
  • Item 3
Try it yourself

Common list-style-type Values:

Attribute Value
Description
disc
Filled circle (default)
circle
Hollow circle
square
Square
none
No bullets

Example
  • Red
  • Green
  • Blue
  • Red
  • Green
  • Blue
  • Red
  • Green
  • Blue
  • Red
  • Green
  • Blue
Try it yourself

Nested Lists:

Unordered lists can be nested inside each other to create sub-lists.

Example
  • Fruit
    • Apples
    • Bananas
  • Vegetables
    • Carrots
    • Broccoli
Try it yourself

Styling with CSS Classes:

For more control over styling, you can use CSS classes.

Example
  • Item One
  • Item Two
Try it yourself

❮ Previous Next ❯