html - 对齐HTML列表

我有一个HTML列表，该列表使用背景图像来反对将文本作为链接。我的容器高200像素，我希望链接位于容器的中心内联，如果这是文本，则可以使用line-height：200px；要实现此目的，但是使用背景图像时似乎有些不同，任何人都知道如何实现此方法。

这是一个jsfiddle来解释我的意思http://jsfiddle.net/M4XN4/1/

谢谢你们

<div id="container">
    <ul class="container">
        <li class="linkedin"><a href="#"></a><li>
        <li class="twitter"><a href="#"></a><li>
        <li class="facebook"><a href="#"></a><li>
    </ul>
</div>

最佳答案

清理了一下，这是您要的外观吗？

您的大多数标记代码也可以与每个.facebook .linkedin类保持独立

#footer-right ul li a{
display:inline-block;
height:200px;
background-size:14px 14px;
background-repeat:no-repeat;
background-position:center;
line-height:200px;
}

http://jsfiddle.net/Ush4n/13/

关于html - 对齐HTML列表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23119621/