我有以下
HTML代码：
<div id="footer">
<ul id="yw1">
<li><a href="/index.PHP/site/login">About</a></li>
<li><a href="/index.PHP/site/login">FAQ</a></li>
<li><a href="http://twitter.com"><img src="/images/twitter_icon.png" /></a></li>
<li><a href="http://twitter.com"><img src="/images/facebook_icon.png" /></a></li>
</ul>
</div>
以下CSS样式：
#footer {
margin-top: 25px;
background: #000000 url(images/background.png) repeat;
padding: 25px;
Box-shadow: 0px 0px 10px 5px rgba(0,.2);
}
#footer ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#footer li {
padding-left: 20px;
display: inline;
list-style-type: none;
}
#footer a {
color:white;
letter-spacing: 1px;
text-decoration: none;
text-align: center;
font-size: 14px;
font-weight: 300;
}
现在的结果是：
但我需要垂直对齐图像和文本链接.我该怎么做？
