css文字与图片水平对齐

闲话少说看图

布局：
< span class=“sss”>
< img src=“”/>
< p>考点速记

< /span>
样式：
.sss{
width: 50%;
height: 100%;
display: inline-block;
text-align: center;
float: left;
line-height: 80px;
img{
display: inline-block;
vertical-align: middle;
width:44px;
height:44px;
}
p{
font-size: 30px;
color:#333333;
display: inline-block;
vertical-align: middle;
line-height:0;
}
}