css - image anchor and text not aligned vertically

Question

I have below menus

    <ul id="fMenu">
<li><a href="#"><img src="images/connect/Facebook.png">Be a Fan</a></li>
<li><a href="#"><img src="images/connect/Twitter.png">Follow Us</a></li>
<li><a href="#"><img src="images/connect/Google+.png">+1</a></li>
<li><a href="#"><img src="images/connect/Flickr.png">Flickr</a></li>
<li><a href="#"><img src="images/connect/Tumblr.png">Tumblr</a></li>
</ul>

My problem is that link text is displayed somewhat below the image i want the text to be against the middle of the image

Regards Jane

Answer 1

您可能想vertical-align在图像上设置属性，最有可能middle或text-bottom

<img ... style="vertical-align:middle;" />

编辑：

既然您发布了一些代码，请在样式表中执行：

ul#fMenu li a img {vertical-align:middle;}