How to remove bullets from a un-ordered list (ul) in Html

In this tutorial, we will learn how to display the unordered list items without any bullets or dots.

Normally, if we create an unordered list (<ul>) we will see bullets on the left-side of each list-item(<li>) because user-agent is applying its default css rules.

<ul>
   <li>First item</li>
   <li>Second item</li>
   <li>Third item</li>
</ul>

• First item
• Second item
• Third item

Removing Bullets

To remove the bullets from an unordered list we need to use the css list-style-type property with value none for a <ul> element.

ul {
   list-style-type: none;
}

Similarly, we can also use list-style property.

ul {
  list-style: none;
}