# Вертикальное выравнивание

URL: https://chugunov.pro/glossary/frontend/vertikal-noe-vyravnivanie/
Оригинальное название: vertical-align
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

CSS-свойство выравнивания строчных и табличных элементов относительно базовой линии или ячейки. `vertical-align` действует на инлайн- и table-cell элементы, а не на блоки в потоке.

## Что такое «Вертикальное выравнивание»

CSS-свойство выравнивания строчных и табличных элементов относительно базовой линии или ячейки. `vertical-align` действует на инлайн- и table-cell элементы, а не на блоки в потоке. Оно определяет положение иконок и текста в строке относительно базовой линии. Для центрирования блоков используют flexbox или grid, а не это свойство.

## Связанные термины

- [Выравнивание текста](https://chugunov.pro/glossary/frontend/vyravnivanie-teksta/) — CSS-свойство горизонтального расположения строк текста внутри блока. `text-align` выравнивает текст по левому, правому краю, центру или по ширине.
- [Базовая линия](https://chugunov.pro/glossary/frontend/bazovaia-liniia/) — Условная линия, относительно которой выравнивается текст и строчные элементы в одной строке.
- [Строчный элемент](https://chugunov.pro/glossary/frontend/strochnyi-element/) — Элемент, участвующий в строковом потоке и занимающий только необходимое содержимому место.
- [CSS-сетка](https://chugunov.pro/glossary/frontend/css-setka/) — Система направляющих строк и столбцов, по которым выравнивают и размещают элементы интерфейса.
- [Столбец](https://chugunov.pro/glossary/frontend/stolbets/) — Вертикальная часть таблицы, сетки или многоколоночной компоновки, объединяющая элементы по одной оси.
- [Строковый бокс](https://chugunov.pro/glossary/frontend/strokovyi-boks/) — Прямоугольная область, которую браузер формирует для содержимого одной строки в контексте строчного форматирования.
- [Сброс стилей](https://chugunov.pro/glossary/frontend/sbros-stilei/) — Набор правил, уменьшающий различия стандартного оформления HTML-элементов между браузерами.
- [Flexbox](https://chugunov.pro/glossary/frontend/flexbox/) — Одномерная CSS-модель компоновки, распределяющая элементы вдоль основной и поперечной осей контейнера.