Обтекание блока float
Если взять за пример:
HTML:
<div>
<div class="image"></div>
<div class="inf"></div>
</div>
CSS:
.image {
float:left;
}
.inf {
}
то, текст, размещенный в .inf
, невозможно выровнять по верхнему краю блока .image
, vertical-align:top
не срабатывает.
Источник: Stack Overflow на русском