В чем разница между align-items: flex-start и baseline при размещении элементов внутри flex-контейнера?

Разница между align-items: flex-start и baseline при размещении элементов внутри flex-контейнера заключается в способе выравнивания:

• align-items: flex-start — элементы располагаются относительно начала поперечной оси, то есть по верхнему краю контейнера. 14
• align-items: baseline — элементы выравниваются относительно базовой линии текста, который в них содержится. 14

Базовая линия шрифта — воображаемая прямая линия, которая проводится по нижнему краю букв без учёта выносных элементов. 3