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:

   <style>
      ul {
         list-style-type: none;
      }
   </style>

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

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.

2. 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:

   <style>
      ol {
         list-style-type: none;
      }
   </style>

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

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.