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

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

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

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

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