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

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

В то время как другие методы выравнивания, например, свойство text-align применяется к родительскому блоку, vertical-align необходимо применять непосредственно к выравниваемому элементу. 1

Кроме того, vertical-align работает только с элементами, у которых display установлен как inline или table-cell, но не block. 3