李缩痕不走

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

在大多数浏览器中，ul有一个padding-left of 40px来为项目点分配间距。

简单地覆盖填充。jsFiddle实例

ul {
   padding:0px;
}