Почему этот элемент inline-block имеет содержимое, которое не выровнено по вертикали?
Наткнулся на странную проблему CSS. Может кто-нибудь объяснить, почему поле с содержимым не выровнено по вертикали?
Если вы поместите текст в промежуток с классом.divPutTextToFixIssue
- он выравнивается правильно.
<div id="divBottomHeader">
<div class="divAccountPicker">
<span class="divPutTextToFixIssue"><span>
</div>
<div class="divAccountData">
<span>Balance: $555</span>
</div>
</div>
#divBottomHeader {
background-color: #d5dbe0;
height: 43px;
}
.divAccountPicker {
display: inline-block;
background: blue;
width: 200px;
height: 40px;
}
.divAccountData {
display: inline-block;
background: red;
width: 400px;
height: 40px;
}