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

.up {vertical-align: top;}
.textup {vertical-align: text-top;}
<p>Here: a <img src="tall.gif" alt="tall image"> tall image, and then <span
class="up">some text</span> that's been vertically aligned.</p>
<p>Here: a <img src="tall.gif" class="textup" alt="tall"> image that's been
vertically aligned, and then a <img src="short.gif" class="textup" alt="
short" /> image that's similarly aligned.</p>

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

Добавлено: 17 Июля 2018 22:16:39 Добавил: Андрей Ковальчук Нравится 0

Добавить