When we create unordered lists in HTML, we get bullets before each of the list item for the unordered list.

For some of the use cases, this can be perfect and can go well with the design of your website.

But, what if you don't need to show these bullets? What if you want to create HTML Lists without bullets?

Well that's what we are covering in this blog post.

 

 

Creating Unordered Lists Without Bullets In HTML

Let's see how we can create HTML lists without bullets.

We will first create an unordered list and see how it displays in the browser.

 

Unordered list with bullets
  • Red
  • Green
  • Orange
  • Pink
  • Black

 

Result:

HTML List With Bullets

 

Now, to get rid of the bullets in the HTML List, we will have to make use of some CSS.

HTML lists have a css property called list-style-type and by setting this css style property to none, we can get rid of the bullets in the HTML list.

Let's see this in the same above example and remove the bullets from the HTML list.

 

Unordered list without bullets
  • Red
  • Green
  • Orange
  • Pink
  • Black

 

Result:

HTML List Without Bullets