В чем разница между вертикальным выравниванием строчных элементов и ячеек таблицы?

Разница между вертикальным выравниванием строчных элементов и ячеек таблицы заключается в том, что для разных типов элементов свойство vertical-align действует по-разному. web-standards.ru

Для строчных элементов свойство влияет на сами элементы и имеет больше вариантов. web-standards.ru Например, значение baseline для строчных элементов выравнивает базовую линию текущего элемента по базовой линии родительского. htmlacademy.ru Значение sub выравнивает базовую линию текущего элемента по базовой линии нижнего индекса родительского элемента и так далее. htmlacademy.ru

Для ячеек таблицы свойство выравнивает содержимое ячеек, включая блочные элементы. web-standards.ru Так, значение middle для ячеек таблицы выравнивает содержимое текущей ячейки по центру строки с учётом внутренних отступов (padding-box). htmlacademy.ru Значение top выравнивает содержимое текущей ячейки по верхнему краю строки с учётом внутреннего отступа, а значение bottom — по нижнему краю строки с учётом внутреннего отступа. htmlacademy.ru

Таким образом, для строчных элементов важнее позиционирование самих элементов, а для ячеек таблицы — содержимого ячеек.