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

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

Baseline — значение свойства vertical-align, которое означает выравнивание линии элемента по базовой линии родительского элемента. www.internet-technologies.ru javarush.com Если таковой у родителя нет, то по нижнему краю. mpbox.ru Baseline — значение по умолчанию. sky.pro javarush.com

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

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