css一张图片和文字在同一水平线上显示市

经常遇到一个问题，当需要让一张图片和文字在同一水平线上显示市，图片总是会比文字高出一截，可以说非常不好看了。 
解决方法： 
HTML代码如下

<img src="../static/image/ok.png" />
<p class="tip1">密码修改成功，请重新登陆！</p>
1
2
CSS代码如下

p{
    display: inline-block;
    vertical-align: middle;
}
img {
    vertical-align: middle;
}
1
2
3
4
5
6
7
这样就OK了
--------------------- 
作者：EarlEcho 
来源：CSDN 
原文：https://blog.csdn.net/echo601/article/details/76205896 
版权声明：本文为博主原创文章，转载请附上博文链接！