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.