Атрибут vertical-align дозволяє підіймати або опускати проміжок тексту відносно його звичайного положення на рядку. Для цього атрибута CSS в якості значення можна використати наступні ключові слова:
• baseline. При використанні цього ключового слова лінія шрифту підлеглого (що оточується) об'єкта відповідає лінії шрифту батьківського (що отчує) об'єкта. Це - нормальне положення.
• sub. Лінія шрифту підлеглого об'єкта відповідає лінії шрифту оточуючого текст для нижніх індексів.
• superscnpts. Лінія шрифту підлеглого об'єкта відповідає лінії шрифту оточуючого тексту для верхніх індексів.
• text-top. Лінія шрифту підлеглого об'єкта відповідає верхній границі навколишнього тексту.
• middle. Центр звичайних символів підлеглого об'єкта (звичайні символи - це символи без виступів вгору або вниз, наприклад, х) відповідає лінії шрифту оточуючого тексту плюс 1/2 х-висоти оточуючого тексту (х-висота - це висота все того ж символа х).
• text-bottom. Нижня границя підлеглого об'єкта відповідає нижній границі оточуючого об'єкта.
• percentage. Підлеглий текст підіймається або опускається по відношенню до оточуючого на частину висоги оточуючого тексту Наприклад, 50% означає, що текст буде піднятий на половину висоти оточуючого тексту.
• quantity За допомогою цього ключового слова можна вказати положення тексту відносно оточуючого в будь-яких одиницях вимірювання CSS. Саме це ключове слово звичайно застосовується при використанні поля Position вкладки Character Spacing.