How to create: a list without bullet points

Learn how to use CSS to create unordered lists without bullet points.

How to create a list without bullet points

list-style-type:none These properties can be used to remove the default marking/bullet points from the list. Please note that the list also has default margins and padding. If you want to remove these as well, please set margin:0 and padding:0 Add to <ul>:

Example

ul.no-bullets {
  list-style-type: none; /* Remove the bullet points */
  padding: 0; /* Remove the inner padding */
  margin: 0; /* Remove the outer margin */
}

Try It Yourself

Related Pages

Tutorial:CSS List