baseline－将支持valign特性的对象的内容与基线对齐
sub－垂直对齐文本的下标
super－垂直对齐文本的上标
top－将支持valign特性的对象的内容与对象顶端对齐
text-top－将支持valign特性的对象的文本与对象顶端对齐
middle－将支持valign特性的对象的内容与对象中部对齐
bottom－将支持valign特性的对象的文本与对象底端对齐
text-bottom－将支持valign特性的对象的文本与对象顶端对齐
在此设置为text-bottom即可实现图片与文字位于同一水平线上，好看多了
如下：其他自己改
复制代码
代码如下:
<span style="width:120px"><img src="/images/New_16_blue.gif" style="vertical-align:text-bottom"/>目标任务</span>
实现图片于文字的底端对齐
小时候学英文写字母的时候，有没有用过那种四条横线的英语作业本呢？其中的第三条线就是基线，也就是小写字母g上面这个小圆圈的底边所接触的那条线。当然，如果是大写字母，或者是汉字，那么就是文字的底边就是基线了。
所以，两行文字的基线之间的距离，就是行高了。事实上，只要指定一个标准，比如文字顶边之间的距离，或者中线之间的距离，都是行高！
补充说一下：行高减去字高就是行间距了
