Как вертикально выровнять текст 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;
}

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