CSS控制图片和文字在同一行显示且对齐的方法

当文字和图片出现在同一行或者在同一个div里面的时候，在浏览器中运行出来的显示效果往往是在不同的行（不对齐的）。

那么问题来了，怎么让文字和图片显示在同一行上？

方法有3种：

（1）通过添加css样式给图片设置样式  style="vertical-align:middle"；

（2）如果图片是背景图片，可以在css中设置背景图片，然后设置文字的padding属性；

（3）把文字和图片分别放入不同的div中。