Некоторые способы вертикального выравнивания текста:

• Использование Flexbox. 1 Нужно установить свойства display: flex, justify-content: center и align-items: center. 1 Этот подход подойдёт независимо от объёма текста и адаптируется под различные экранные разрешения. 1
• Центрирование однострочного текста с помощью line-height и text-align. 1 Для однострочного текста нужно задать line-height равным высоте контейнера. 1 Этот способ подходит, когда высота контейнера известна, и текст не переносится на следующую строку. 1
• Эмуляция таблицы (метод table-cell). 1 Этот подход справляется с центрированием многострочного текста и работает даже со старыми версиями браузеров. 1
• Динамическая высота: метод transform. 1 Если высота элементов изменяется, можно применить этот метод. 1 Он позволяет центрировать текст независимо от размера контейнера. 1
• Выравнивание с помощью «растягивания». 3 Этот способ применяют, когда высота внешнего блока неизвестна, но известна высота внутреннего. 3 Для этого нужно задать внешнему блоку относительное позиционирование, а внутреннему — абсолютное. 3 Затем добавить внутреннему блоку правила top: 0 и bottom: 0, в результате чего он растянется на всю высоту внешнего блока. 3 После этого установить значение auto для вертикальных отступов внутреннего блока. 3