css - 连续居中图像

Question

我希望在http://justinstephens.co的“联系我们”部分下将图像连续居中。

可能是一个简单的解决方案，但我似乎无法正确解决。

Answer 1

更新

下面的解决方案是在 Chrome 中通过实时编辑完成的。经过进一步调查，您的 CSS 文件似乎在#contact-images. 删除此边距将允许以下解决方案起作用。

#contact-images {
    /*margin-left: 190px;*/
    text-align: center; 
}

---

这将使<ul>以下联系我们居中：

<div id="contact-images" style="text-align: center;">

仍然存在轻微的错位。删除<ul>元素的填充以解决此问题。

<ul style="padding: 0 0 0 0;">  

Answer 2

添加text-align:center到具有 id 的元素contact-images。以下仅用于演示目的：

<div id="contact-images" style="text-align: center;"> [...] </div>