How TO - List Without Bullets

Learn how create an unordered list without bullets, using CSS.

How To Create a List Without Bullets

The list-style-type:none property can be used to remove the default markers/bullets in a list. Note that the list also has default margin and padding. To remove this as well, add margin:0 and padding:0 to <ul>:

Example

ul.no-bullets {
list-style-type: none; /* Remove bullets */
padding: 0; /* Remove padding */
margin: 0; /* Remove margins */
}

Try it Yourself »

Tip: Go to our CSS List Tutorial to learn more about HTML lists and how to style them.

❮ Previous Next ❯