如何删除无序列表创建的缩进

Question

我有一个无序列表

<h1>cardinal directions</h1>
<ul>
    <li>east</li>
    <li>west</li>
    <li>north</li>
    <li>south</li>
</ul>

...它显示为缩进。我的问题是 - 如何使用CSS删除此缩进？我试过这个，但我认为可能有更好的方法。

ul {
    margin-left: -19px;
}

我是否应该使用CSS中的列表样式属性或某些类似的东西，或许是跨浏览器兼容的东西？

Answer 1

您希望将ul上的填充设置为填充：0

<ul style="padding:0">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>