在html中将图像居中并彼此相邻

我有3个图像，这是我希望所有的图像是我的水平线后的页面中心

这是密码

<div class="footer">
    <hr>
    <p id="socmed">Connect Socially With Us:</p>
    <img id="fb" border="0" src="image/fb.png" alt="Facebook Fan Page" align="center">
    <img id="twitter" border="0" src="image/twitter.png" alt="Facebook Fan Page" align="center">
    <img id="youtube" border="0" src="image/youtube.png" alt="Facebook Fan Page" align="center">
    <hr>
</div>

hr{
    border: 0;
    height: 5px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

与我们建立社交联系：

人力资源{
边界：0；
高度：5px；
背景图像：-webkit线性渐变（左，rgba（0,0,0,0），rgba（0,0,0,0.75），rgba（0,0,0,0））；
背景图像：-莫兹线性梯度（左，rgba（0,0,0,0），rgba（0,0,0,0.75），rgba（0,0,0,0））；
背景图像：-ms线性梯度（左，rgba（0,0,0,0），rgba（0,0,0.75），rgba（0,0,0,0））；
背景图像：-o-线性梯度（左，rgba（0,0,0,0），rgba（0,0,0,0.75），rgba（0,0,0,0））；
}

我试图使用对齐功能，但它没有任何效果

有没有办法将这3幅图像对齐，使其居中且相邻

谢谢

为页脚提供“文本对齐：居中”CSS样式

 .footer{text-align:center;}

---

一种方法是将

img

s包装在

p

标记中，并将

p

标记设置为

text align:center；

如下：

<div class="footer">
    <hr>
    <p id="socmed">Connect Socially With Us:</p>
    <p class="center">
    <img id="fb" border="0" src="image/fb.png" alt="Facebook Fan Page">
    <img id="twitter" border="0" src="image/twitter.png" alt="Facebook Fan Page">
    <img id="youtube" border="0" src="image/youtube.png" alt="Facebook Fan Page">
     </p>
    <hr>
</div>


p.center{ text-align:center; }

与我们建立社交联系：



p、 居中{文本对齐：居中；}

JS Fiddle:

使用这个

.footer{text-align:center;}

---

align=

属性已被弃用：