Html 居中文本+；图像CSS

我有一个页脚在我的页面底部与一些文字+几个png的

我正在努力使一切都集中起来。当我尝试

margin:0 auto

时，什么都没有发生。但I footer不是块元素，所以这是有意义的。还尝试了

text align:center

，这只会在文本上显示，但仍然没有任何效果

代码如下：

<footer>
    <span class="contact"> Made by me - <a href="mailto:test90@gmail.com">test@gmail.com</a></span>
    <img src="http://i.imgur.com/M3RtrFw.png" alt="Twitter"> 
    <img src="http://i.imgur.com/NfLMXs9.png" alt="Google+"> 
    <img src="http://i.imgur.com/oLWJ205.jpg" alt="Facebook">
</footer>

还有小提琴：

---

谢谢

或使用您的

页脚执行此操作：

footer{
    width: 100%;
    text-align:center;
    position: absolute;
    top: 430px;
}

将
最大宽度
转到
宽度
，然后
文本对齐：居中
将生效。

jsFIDLE:
当我将其从最大宽度更改为仅宽度时，它与文本对齐一样工作，正如您所写：）使用最大宽度btw有什么问题？@Nilzone-没有问题，但在您的情况下，您不需要它
max width
不适用于其
width
在页面“生命周期”期间不会更改且始终保持100%不变的元素。为什么在我将文本更改为max width之前文本没有居中？@Nilzone-它居中，但默认情况下页脚具有
width:auto
，这意味着它具有最小宽度来包装其子项。尝试向页脚添加
边框
，这样您可以看到页脚的大小，使用
宽度
和
最大宽度
可以看到实际情况。添加背景色，您将看到原因：。文本居中，但其非居中容器已缩小以适应内容，因此您无法分辨。
footer{
    width: 100%;
    text-align:center;
    position: absolute;
    top: 430px;
}