CSS空值圖片和文字上下置中對齊

<div><br /><div>文字與圖片對齊<span style="vertical-align:middle;" mce_style="vertical-align:middle;"><img src="b-grade.png" mce_src="b-grade.png"></span></div><br /><br><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 /><br><br /><div>文字與圖片對齊<img src="b-grade.png" mce_src="b-grade.png"></div><br /><br><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 /><br><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 /><br><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 /><br><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 /><br><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 /><br><br /><div>文字與圖片對齊<span style="vertical-align:top" mce_style="vertical-align:top"><img src="b-grade.png" mce_src="b-grade.png"></span></div><br /></div><br />