How to remove bullets from unordered list using CSS

This is a short tutorial on how to remove bullets from an unordered list using CSS property.

In CSS, we can remove the bullets by using the list-style-type property in the element.

The list-style-type allow us to set the marker of the list item. For an unordered list of the <ul> element, the default is bullet markers.

So, to remove the bullets from the <ul> element, we have to set the list-style-type to none.

ul{
  list-style-type : none;
}

After removing the bullets, we can set the padding and margin to 0, to remove the indentation of the <ul> element.

ul{
  list-style-type : none;
  margin: 0;
  padding: 0;
}