Как вертикально выровнять текст CSS

Для вертикального выравнивания текста в CSS можно использовать свойство line-height. Например, чтобы выровнять текст по центру блока, можно задать значение line-height равное высоте блока:

.container {
  height: 200px;
  line-height: 200px;
  text-align: center;
}

Также можно использовать свойство display и align-items для выравнивания текста по центру вертикально и горизонтально:

.container {
  display: flex;
  align-items: center;
  justify-content: center;
}

Это выровняет текст по центру блока по обеим осям.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как вертикально выровнять текст CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали