Свойство css vertical-align: middle
не работает в этом примере.
HTML:
<div>
<span class='twoline'>Two line text</span>
<span class='float'> Float right </span>
</div>
CSS
.float {
float: right;
}
.twoline {
width: 50px;
display: inline-block;
}
div {
border: solid 1px blue;
vertical-align: middle;
}
span
, который плавает справа, не имеет вертикальной ориентации относительно его содержащего div
. Как я могу иметь вертикальное центрирование?
Вышеприведенный код находится в этой скрипте.