html - 如何从无序列表项中删除缩进？

Question

我想从 ul 中删除所有缩进。我尝试将 margin、padding、text-indent 设置为 0，但无济于事。似乎将 text-indent 设置为负数可以解决问题 - 但这真的是消除缩进的唯一方法吗？

Answer 1

将列表样式和左边距设置为空。

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

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

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

要维护元素符号，您可以将 list-style: none 替换为 list-style-position: inside 或简写 list-style: inside:

ul {
  list-style-position: inside;
  padding-left: 0;
}

ul {
  list-style-position: inside;
  padding-left: 0;
}

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