图标和文字对齐

 

<div>  
<div>文字与图片对齐方式<span style="vertical-align:middle;" mce_style="vertical-align:middle;"><img src="b-grade.png" mce_src="b-grade.png"></span></div>  
<br>  
<div>文字与图片对齐方式<span style="vertical-align:baseline" mce_style="vertical-align:baseline"><img src="b-grade.png" mce_src="b-grade.png"></span></div>  
<br>  
<div>文字与图片对齐方式<img src="b-grade.png" mce_src="b-grade.png"></div>  
<br>  
<div>文字与图片对齐方式<span style="vertical-align:bottom" mce_style="vertical-align:bottom"><img src="b-grade.png" mce_src="b-grade.png"></span></div>  
<br>  
<div>文字与图片对齐方式<span style="vertical-align:sub" mce_style="vertical-align:sub"><img src="b-grade.png" mce_src="b-grade.png"></span></div>  
<br>  
<div>文字与图片对齐方式<span style="vertical-align:super" mce_style="vertical-align:super"><img src="b-grade.png" mce_src="b-grade.png"></span></div>  
<br>  
<div>文字与图片对齐方式<span style="vertical-align:text-bottom" mce_style="vertical-align:text-bottom"><img src="b-grade.png" mce_src="b-grade.png"></span></div>  
<br>  
<div>文字与图片对齐方式<span style="vertical-align:text-top" mce_style="vertical-align:text-top"><img src="b-grade.png" mce_src="b-grade.png"></span></div>  
<br>  
<div>文字与图片对齐方式<span style="vertical-align:top" mce_style="vertical-align:top"><img src="b-grade.png" mce_src="b-grade.png"></span></div>  
</div>  

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/suelu/archive/2011/01/07/6123009.aspx