删除<li>缩进</li>

Question

我已使用

删除了我名单上的子弹

ul li { list-style: none; }

但是我仍然在列表上缩进，好像子弹在那里一样。

我需要图像中的列表项准确居中。

Answer 1

浏览器附带了<ul/>和<li/>标记

附加的默认样式

ul,li { list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0; }

http://meyerweb.com/eric/tools/css/reset/

Answer 2

所提供的所有答案都可以解决您的问题，但我绝对建议您使用重置样式表，以免出现跨浏览器问题！

最好的一个（至少是最受欢迎的一个），很有可能是这样的：

http://html5doctor.com/html-5-reset-stylesheet/

希望这有助于解决您的问题，但如果您不想简单地使用重置样式表：

ul, li{
    margin: 0;
    padding: 0;
}

Answer 3

如果您想将文字居中，请尝试

li{ 
  padding-left: 0px; 
  padding-right:0px; 
  margin-left:0px; 
  margin-right:0px; 
  text-align:center;
}

Answer 4

您还可以添加边距和填充0：

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