How to remove bullets from unordered list using CSS

featured Image

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;
}

Related Posts

featured Image

Disable scrolling Behavior on a body with element on position fixed in mobile

Here in this article, we will learn on how to disable the scroll behavior of the body whenever we scroll over an element whose position is fixed in our mobile…

Read more
featured Image

How to Remove Underline from Links in Bootstrap.

In this article, we will learn how to remove the underline from anchor tags in Bootstrap. Just like any other HTML element, links can also be styled using CSS. We…

Read more
featured Image

How to disable the resizable property of a textarea

In this article, we will see quick ways to disable the resizable property of a textarea using CSS. In CSS, we can disable it using the resize property. Set resize…

Read more