Свойство vertical-align управляет положением элемента по отношению к содержащей его строке. Его допустимыми значениями являются:
Baseline
Выравнивает базовую линию элемента с базовой линией охватывающего элемента.
Middle
Выравнивает середину элемента с серединой охватывающего элемента. (Обычно середина – это верх строчной буквы).
sub
Элемент выводится как подстрочный индекс.
super
Элемент выводится как надстрочный индекс.
Text-top
Выравнивает верхний край элемента с верхним краем шрифта охватывающего элемента.
bottom
Выравнивает нижний край элемента по нижнему выносному элементу текущей строки.
Кроме того, процентное значение указывает положение относительно базовой линии текущей строки, так что значение 50% приподнимает элемент на половину высоты строки над базовой линией. Значение 100% помещает элемент ровно на высоту строки ниже базовой линии.
Все популярные броузеры сходятся в том, как следует располагать изображения относительно линии текста для значений baseline (которое устанавливается по умолчанию и соответствует отсутствию выравнивания по вертикали), middle (но не center), super (но не sub), text-top, text-bottom, top (то же самое, что text-top; но не bottom), а также для положительных и отрицательных значений относительного смещения.
А теперь обсудим различия. Броузер Firefox интерпретирует значение center так же, как Internet Explorer, причем иначе, чем значение middle, Netscape считает значение center идентичным значению middle, а Opera вообще не распознает его. Что касается значения
sub, Netscape соглашается с Firefox и выравнивает нижнюю сторону изображения по крайней строчке нижнего выносного элемента. При этом Opera помещает изображение явно ниже базовой линии, но не так низко, как Internet Explorer, у которого изображение оказывается чуть выше следующей строчки текста.
В отношении значения bottom броузер Opera соглашается с Internet Explorer, выравнивая нижнюю границу изображения по линии, проведенной чуть выше следующей строчки текста. Firefox и Netscape располагают нижнюю сторону изображения по крайней строчке нижнего выносного элемента.