margin-bottom解决图片文字不对齐的问题
我们在做网页的时候，会遇到一个图片和文字位置对不齐的问题。(一般表现为图片总是比文字高点)，如下图，"我的联系方式"是文字，后面的email是图片：
解决问题最好的办法：
一个关键的属性: margin-bottom 通过修改图片的外边框的底部高度就可以让文字移动上来，做法是把这个值设置为负数。例如我们高度为22像素的图片设置它的style="margin-bottom: -4px" 这样文字和图片就居中了。这个值随着图片的大小不同而改变，具体的大家测试一下就知道了。下面是我更改后的效果：
本文转载自： DIV+CSS解决图片文字对齐的问题
版权归原作者所有！
本文版权归露兜博客所有，转载引用请完整注明以下信息：
本文作者：Ludou
本文标题：margin-bottom解决图片文字不对齐的问题
本文地址：http://www.ludou.org/pic-text-alignment.html
解决咯、谢谢1
不客气！
个人习惯用vertical-align:middle;呵呵。