Отличие выравнивания по центру от центрирования по вертикали заключается в том, что они решают разные задачи и используются для разных элементов.

Выравнивание по центру (горизонтальное центрирование) применяется к родительскому блоку и используется для центрирования строк текста в абзаце или заголовке. 2 Для этого используется свойство CSS text-align. 2

Центрирование по вертикали (вертикальное центрирование) применяется непосредственно к выравниваемому элементу и используется, например, когда нужно выровнять иконку внутри строки или два рядом стоящих строчно-блочных элемента. 1 Для этого используется свойство CSS vertical-align. 1

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