Bullet lists are a commonly used element in web design to present information in a structured and organized manner. However, there may be situations where you want to create a bullet list without displaying the actual bullets. This can be achieved easily using CSS.

To create a bullet list with no bullets using CSS, you can use the list-style-type property and set it to none.

Here’s an example:


<ul class="no-bullets">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>


ul.no-bullets {
  list-style-type: none;

In the example above, the ul.no-bullets selector targets the unordered list with the class name “no-bullets”. The list-style-type: none; rule removes the default bullet points from the list.

By applying this CSS rule, the list will be displayed as a plain text list with no bullets.