Warum hat dieses Inline-Block-Element Inhalt, der nicht vertikal ausgerichtet ist?
Ist auf ein seltsames CSS-Problem gestoßen. Kann jemand erklären, warum die Box mit Inhalt nicht vertikal ausgerichtet ist?
Wenn Sie Text innerhalb des Bereichs mit Klasse einfügen.divPutTextToFixIssue
- Richtet sich richtig aus.
<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;
}