文案与icon对齐
<div class="box">
<span>文案与icon垂直居中,水平对齐</span>
<span class="icon-span">
<i class="icons"></i>
</span>
</div>
.box {
height: 92px;
font-size: 32px;
line-height: 1;
padding: 0 20px;
display: flex;
align-items: center;
.icon-span {
font-size: 24px;
line-height: 1;
.icons {
color: red;
margin-left: 8px;
}
}
}