How to Remove Indentation from Unordered Lists in CSS?

Removing Indentation from Unordered Lists

When attempting to remove all indentation from a

element, it is common to encounter difficulties despite setting margin, padding, and text-indent to 0. While setting text-indent to a negative value appears to resolve the issue, it is not the optimal solution.

Instead, it is recommended to set both the list style and left padding to "none":

ul {
    list-style: none;
    padding-left: 0;
}

Copy after login

This approach effectively removes the default indentation associated with

elements, resulting in a flush left-aligned list.

Example:

<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

Copy after login

Output:

* a
* b
* c

Copy after login

The above is the detailed content of How to Remove Indentation from Unordered Lists in CSS?. For more information, please follow other related articles on the PHP Chinese website!