Свойство CSS vertical-align отвечает за вертикальное выравнивание текста, картинок на странице. Важной особенностью является то, что он работает только с элементами таблицы, inline и inline-block элементами. Поддерживается всеми современными браузерами.

Синтаксис CSS vertical-align

...
vertical-align: value;
...
Где value может принимать следующие значения:

baseline - выравнивание по базовой линии предка (или просто нижняя граница родителя)
bottom - выравнивание по нижней части строки (или элемента, который располагается ниже всех)
middle - выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента
sub - отображение происходит под строкой (выглядит как подстрочный индекс)
super - отображение происходит над строкой (как верхний индекс)
text-bottom - выравнивание нижней границы элемента по нижнему краю строки
text-top - выравнивание верхняя границы элемента по верхнему краю строки
top - выравнивание верхняя края элемента по верху самого высокого элемента строки
inherit - наследует значение родителя
значение - указывается в пикселях. Положительное число смещает вверх относительно базовой линии. Отрицательное вниз
проценты - указывается в процетах. Положительное число смещает вверх относительно базовой линии. Отрицательное вниз
Значение vertical-align по умолчанию:

baseline (для строчных элементов)
middle (для ячеек таблицы)
Вертикальное выравнивание в таблицах
Чаще всего vertical-align используется в ячейках таблиц. В теге <table> используют атрибут valign.

100% чистая семантика! 12 000 подсказок в минуту. 100 000 URL в час. Пробный период!
Проверка позиций
Сбор Wordstat
Кластеризация запросов
Цены
Синтаксис CSS valign для таблиц

<td valign="value">
или
<tr valign="value">
Где value может принимать следующие значения:

baseline - выравнивание по базовой линии первой текстовой строки
bottom - выравнивание по нижнему краю ячейки таблицы
middle - выравнивание по середине ячейки
top - выравнивание верхнему краю ячейки