I need an unordered list without any bullets

Tweaking your unbulleted list

Zeroing padding & margin

To achieve consistency across different browsers, reset padding and margin to "big fat zero":

ul {
  list-style-type: none;
  padding: 0; /* Slimming down the list */
  margin: 0; /* No more personal space */
}


Frameworks for the bullet-less

Working with Bootstrap? Use some built-in helper classes:

<ul class="list-unstyled">
  <!-- Somebody said CSS classes? -->
  <li>Item 1</li>
  ....
</ul>


This is suitable for Bootstrap 3, 4, and 5.

Aligning with style

Fix alignment issues by getting creative with text-indent and padding-left on li:

li {
  text-indent: -2em; /* Back it up */
  padding-left: 2em; /* Now step to the left */
}


Classy solution for recurring use

If you often need unbulleted lists, create a CSS class:

.no-bullet { list-style-type: none; } /* Classy List */


And then, tag your HTML list to this class:

<ul class="no-bullet"> <!-- Yes, this list has class -->
  <li>Item 1</li>
  ....
</ul>


Additional "pro" tips

Inline semantics on single list item

For an inline fix on a single list item, inline CSS will do the trick (not recommended for larger lists due to maintainability):

<li style="list-style-type: none;">Item 1</li> <!-- rogue list item */


Global share of styles

You can globally apply your no-bullets class to all li items inside .no-bullets using one simple rule:

.no-bullets li { list-style-type: none; }


Wrestling with conflicting styles

Got conflicting styles? Use !important for enforcing your style or increase specificity:

ul.no-bullets { list-style-type: none !important; /* My rule, my game! */ }


Significance of verbosity

Improve your code's readability and maintainability by eliminating redundant styles and unnecessary verbosity.