FlexBox::AlignItems::baseline is missing?

I’m trying to make use of FlexBox and generally learn more about it. I noticed that, compared to the official docs, the baseline alignment is totally missing.

You can check this out for an example: https://www.w3schools.com/cssref/playit.asp?filename=playcss_align-items&preval=baseline

Was this intentional, as in there’s an alternative approach?

Whats the difference between baseline and flex-start?

The difference is explained and shown here really well: https://stackoverflow.com/questions/34606879/whats-the-difference-between-flex-start-and-baseline

In effect, the alignment is based around the text’s baseline.

Flex-Start:

Baseline:

2 Likes