I need an unordered list without any bullets (HTML, CSS)
The Problem
You have an unordered list like the following example list:
<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”.
ul {
list-style-type: none;
}
More CSS content
- Syntax.fm Hasty Treat - CSS Grid Level 2 aka Subgrid (opens in a new tab)
- Syntax.fm Hasty Treat - CSS Grid Masonry (Grid Level 3) (opens in a new tab)
- Resources What is Distributed Tracing (opens in a new tab)
-
Listen to the Syntax Podcast (opens in a new tab) Tasty treats for web developers brought to you by Sentry. Get tips and tricks from Wes Bos and Scott Tolinski.
SEE EPISODES
Considered "not bad" by 4 million developers and more than 150,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.
