ал, что разбираюсь в CSS, но мне нужно было кое-что объяснить кому-то сейчас, и я понял, что не могу.

Мой вопрос в основном сводится к: почемуvertical-align:baseline игнорируется, когда есть другие выравнивания в той же строке?

Пример: если второй промежуток имеетvertical-align:bottomвертикальное выравнивание первого пролета игнорируется, если оноbaseline; он ведет себя так, как будто имеетbottom тоже.

span:first-child {vertical-align:baseline}
span:last-child {font-size:3em; vertical-align:bottom;}

<p>
  <span>one</span> <span>two</span>
</p>

Хотя, если все пролеты имеют выравнивание по вертикали, кромеbaselineили, если они всеbaselineтогда они ведут себя как положено.

span:first-child {vertical-align:top}
span:last-child {font-size:3em; vertical-align:bottom;}

<p>
  <span>one</span> <span>two</span>
</p>

span:first-child {vertical-align:baseline}
span:last-child {font-size:3em; vertical-align:baseline;}

<p>
  <span>one</span> <span>two</span>
</p>

Если это нормальное поведение, то почему оно нигде не описано? Я не нашел ни одного источника, который бы говорил, что базовая линия и верх / низ мешают друг другу таким образом.