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

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.

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

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]

Read Also  How to set HTTP Headers for Cache-Control