Sentry Answers>CSS>

I need an unordered list without any bullets (HTML, CSS)

I need an unordered list without any bullets (HTML, CSS)

Matthew C.

The ProblemJump To Solution

You have an unordered list like the following example list:

Click to Copy
<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>

By default, list items in an unordered list have bullets, how do you remove them?

The Solution

To remove the bullets, you can set the list-style-type CSS property of the unordered list to “none”.

Click to Copy
ul { list-style-type: none; }
  • Syntax.fmHasty Treat - CSS Grid Masonry (Grid Level 3)
  • Syntax.fmHasty Treat - CSS Grid Level 2 aka Subgrid
  • logo
    Listen to the Syntax Podcast

    Tasty treats for web developers brought to you by Sentry. Get tips and tricks from Wes Bos and Scott Tolinski.


Loved by over 4 million developers and more than 90,000 organizations worldwide, Sentry provides code-level observability to many of the world’s best-known companies like Disney, Peloton, Cloudflare, Eventbrite, Slack, Supercell, and Rockstar Games. Each month we process billions of exceptions from the most popular products on the internet.

© 2024 • Sentry is a registered Trademark
of Functional Software, Inc.