Home  »  ArticlesGuidesProgrammingTechnologyTips   »   Tip: Properly Display an Unordered List in HTML Without any Bullets

Tip: Properly Display an Unordered List in HTML Without any Bullets

This is a quick tip to show you the right way to display an ordered or unordered list in HTML without any bullets or points.

Generally, you can remove bullets from unordered or ordered HTML lists with the list-style-type CSS property.

You simply need to apply the list-style-type CSS property to the UL selector with a value of none as shown below.

ul {
    list-style-type: none;
}

More often than not you need to reposition the rest to make things look better. This can be done by setting the padding and margin CSS properties to zero (0) as seen below.

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

The above code removes the indentation that comes with HTML lists. You can play with the padding and margin to get the best layout according to your theme or template.

That’s how to properly display an unordered list in HTML without any bullets.

Ref: [1]

Found this article interesting? Follow Brightwhiz on Facebook, Twitter, and YouTube to read and watch more content we post.

Tagged with:
, , ,