В чем разница между значениями middle и baseline при выравнивании элементов?

Разница между значениями middle и baseline при выравнивании элементов заключается в способе выравнивания.

Baseline — значение свойства vertical-align, которое означает выравнивание линии элемента по базовой линии родительского элемента. 45 Если таковой у родителя нет, то по нижнему краю. 2 Baseline — значение по умолчанию. 35

Middle — значение свойства vertical-align, которое означает выравнивание середины текущего элемента по середине родительского элемента. 1 Середина подсчитывается следующим образом: берётся высота символа x, делится пополам и добавляется к базовой линии. 1

Таким образом, baseline ориентирует элемент на привязку к базовой линии, а middle — на центрирование элемента относительно базовой линии и половины высоты его символов.