How to remove bullets from HTML list ?

To remove bullets (or other list markers) from an HTML list, you can use CSS. Here are two common methods to do this:

  1. Remove Bullets from Unordered Lists (UL): To remove bullets from an unordered list (<ul>) in HTML, you can use the list-style-type CSS property and set it to none. Here’s an example:
      ul {
         list-style-type: none;

      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>

In this example, the CSS code inside the <style> tags targets all <ul> elements on the page and sets their list-style-type to none, effectively removing the bullets.

  1. Remove Numbers from Ordered Lists (OL): To remove numbers from an ordered list (<ol>) in HTML, you can also use the list-style-type CSS property, but set it to none or any other appropriate value depending on your desired style:
      ol {
         list-style-type: none;

      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>

Again, the CSS code targets all <ol> elements and removes the numbering.

These methods will remove the default list markers (bullets or numbers) from your HTML lists. You can further customize the list style by setting list-style-type to other values like disc, circle, square, or using custom images for bullets if desired.