如何垂直居中对齐:before
元素。我尝试过使用vertical-align: bottom
,vertical-align:middle
,vertical-align: -50%
和vertical-align:super
。我所做的就是将加号符号向下垂直居中,与其旁边的文字对齐。
有什么想法吗?
.infoTitles {
color: #2E393F;
font-family: 'Muli', sans-serif;
font-size: 1.5rem;
line-height: 1.5em;
}
.infoTitles:before {
content: '';
vertical-align: super;
float: left;
margin-right: 8px;
background-image: url('https://cdn4.iconfinder.com/data/icons/ios7-essence/22/add_plus-512.png');
background-size: 15px 15px;
width: 15px;
height: 15px;
display: block;
}
<div class="faqBlock">
<div class="infoTitles">How long will I expect to wait for a quote?</div>
</div>