Выравнивание текста по вертикали и горизонтали в CSS отличается тем, что устанавливает разное позиционирование элементов на странице: 1

• Горизонтальное выравнивание определяет, как элементы размещаются по горизонтали на странице. 1 Например, слева направо, по центру или справа направо. 1 Для этого используются автоотступы (margin: auto). 13
• Вертикальное выравнивание устанавливает позиционирование элементов относительно вертикальной оси страницы. 1 Элементы могут быть выровнены по верхнему краю, по центру, по нижнему краю или равномерно распределены по высоте. 1 Для этого применяются свойства position и transform, а также flexbox. 1

Таким образом, горизонтальное выравнивание определяет размещение элементов по горизонтали, а вертикальное — относительно вертикальной оси страницы. 1