经常遇到一个问题,当需要让一张图片和文字在同一水平线上显示市,图片总是会比文字高出一截,可以说非常不好看了。
解决方法:
HTML代码如下
<img src="../static/image/ok.png" />
<p class="tip1">密码修改成功,请重新登陆!</p>
CSS代码如下
p{
display: inline-block;
vertical-align: middle;
}
img {
vertical-align: middle;
}
这样就OK了