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

Пример текста, который надо выровнять по центру:

<div class="align-vertical">
  Текст, выравненный по центру
</div>

Выровнять объекты по центру можно через display: flex или display: grid.

/* 1-ый способ (flex) */
.align-vertical {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 2-ой способ (grid) */
.align-vertical {
  display: grid;
  place-items: center;
}

Пример: