将图像居中排列成一行

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>