我在居中一个水平的无序列表时遇到了问题，我在一个非常基本的“即将推出”页面上。
您可以关注link to the site并查看代码，依此类推。您会注意到，相对于大标题和电子邮件地址，具有3个社交图标的水平列表并不完全居中，似乎向右浮动了一点。
有关如何解决此问题的任何想法？
答案 0 :(得分：2)
在padding-left:0;元素上设置ul。
这将覆盖Google Chrome偏移中心位置的默认浏览器-webkit-padding-start: 40px;。其他浏览器默认值可能会有所不同。
在谷歌浏览器中测试，这解决了这个问题。
答案 1 :(得分：1)
从.social_list元素中删除左边距。
.social_list {
padding: 0;
}
Firebug使得更容易解决这类问题，因为它会在您检查DOM时显示元素的填充和边距。
答案 2 :(得分：1)
@Curt答案是对的，但你需要重置你的元素，而你实际上是因为它而面临这个问题
使用此选项重置浏览器默认值，我总是使用此代替CSS Reset样式表..
* {
padding: 0;
margin: 0;
}
您不需要为网页上使用的每个padding-left: 0;声明ul，因为浏览器会为某些元素设置默认样式，因此您将面临此问题