html - li 缩进不会消失

Question

如果这是非常基本的，请原谅我，但是在网上研究了几分钟后，我找不到如何从 HTML 列表中删除自然缩进。这是我对 CSS 的尝试：

（看看我的小提琴）

CSS

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

HTML

<ul>
    <li>There</li>
    <li>is</li>
    <li>still</li>
    <li>an</li>
    <li>indent</li>
</ul>

Answer 1

在大多数浏览器中， aul有一个padding-leftof40px来为项目符号分配间距。

只需覆盖填充。jsFiddle 示例

ul {
   padding:0px;
}