Как работает baseline в align-self?

Question

[corrector25]

В align-items, baseline просто делает так, чтоб все строки (независмо от размера шрифта были на одной базовой линии).
В align-self пишется, что baseline заставляет блок выравнивается по своей базовой линии. Не совсем понимаю где эта базовая линия блока. Может быть тот элемент, которому был задан этот параметр выравнивается относительно шрифта родителя (по умолчанию 16рх)?
1) Вот к примеру. Первый вариант – применено align-items: baseline;
2) Второй вариант – к одному элементу было применено свойство align-self: baseline; Изменений никаких
https://codepen.io/Eva255/pen/LYGbKPr?editors=0100