Разница между вертикальным выравниванием с помощью line-height и псевдоэлементов заключается в подходе к решению задачи:

1. Line-height растягивает строку на всю высоту контейнера, при этом свободное пространство равномерно распределяется сверху и снизу элемента. 3 Такое решение подходит, когда блок по ширине больше, чем содержимое. 1
2. Псевдоэлементы используются для выравнивания элементов относительно другого элемента внутри контейнера. 13 Например, для оформления фотогалерей, когда карточки имеют разные пропорции: квадратные, портретные и альбомные размеры. 1 Идея решения в том, чтобы добавить внутри внешнего блока строчный блок высотой в 100% и задать ему вертикальное выравнивание. 1 В этом случае высота добавленного блока будет равна высоте внешнего блока, а внутренний блок выровняется по вертикали относительно добавленного, а значит, и внешнего блока. 1