关于图片与文字的对齐问题

关于<img>标签与文字的对齐问题：

 

排版使图片与文字在同一行，例
<img src="image/about-icon1.png" alt=""/>&nbsp；消费者保障

 

看起来文字偏下方，现在加上一个属性

img{
vertical-align: middle;
}
效果如下：

 

这个属性在实际问题中非常实用，vertical-align 设置元素的垂直对齐方式，所有浏览器都支持这个属性。