Remove bullet points CSS

By default, the marker type of CSS unordered lists(<ul>) is a bullet point(•). We may sometimes come to a situation when we don’t want to display these bullet points at all. This is generally needed when we design the header menu.

In this article, we will learn how to remove bullet points from CSS lists.

To remove bullet points from unordered lists, we can take help of the list-style-type property. All we have to do is, simply set the list-style-type property to none and it will completely remove any existing bullet points from the list. Try out the example below to check how it works:

Example:

ul{
  list-style-type: none;
}

Note: For more information about list read CSS lists chapter.


Remove bullet points CSS