Выравнивание по верхнему краю

Применение выражения vertical-align: top имеет эффект, противоположный значению bottom. Аналогично vertical-align: text-top – противоположность text-bottom. Как могла бы быть представлена следующая разметка:

.up {vertical-align: top;}
.textup {vertical-align: text-top;}

Here: a tall image tall image, and then class="up">some text that's been vertically aligned.


Here: a tall image that's been
vertically aligned, and then a <br />
short image that's similarly aligned.



Точное размещение при таком выравнивании, естественно, будет зависеть от того, какие элементы находятся в строке, насколько они высоки, и от размера шрифта родительского элемента.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
В середине
Вертикальное выравнивание текста
Выравнивание по базовой линии
Выравнивание по заданному расстоянию
Выравнивание по низу

Вернуться в раздел: CSS / 6. Свойства текста