В чем разница между vertical-align и position: absolute при центрировании элементов?

Разница между vertical-align и position: absolute при центрировании элементов заключается в том, что каждый из этих методов решает разные задачи:

1. vertical-align центрирует инлайновые элементы (display:inline/inline-block), включая картинки, в окружающем их тексте. learn.javascript.ru Этот способ удобен тем, что не требует знания высоты элементов. learn.javascript.ru
2. position: absolute позволяет центрировать элементы блочного уровня, для этого нужно знать высоту центрируемого элемента. vanseodesign.com Этот метод работает во всех браузерах, но есть риск, что содержимое может вырасти из контейнера и визуально исчезнуть. vanseodesign.com

Таким образом, vertical-align подходит для центрирования неблочных элементов, а position: absolute — для элементов блочного уровня, когда известны их высота и ширина. learn.javascript.ru vanseodesign.com