Last baseline alignment

It´s possible to align text items inside of a flex container to the last line with align-items: last baseline. See Rachel´s article Last baseline alignment on web.dev.

align-items: baseline
When aligning items with align-items: baseline, the first baseline of the items you are aligning will align with the first baseline of the other items in the group.
align-items: last baseline
When aligning items with align-items: last baseline, the last baseline of the items will align to the last baseline of the baseline sharing group they are part of.

See the Pen Align items to the first and last baseline in a flex container by Ulf Schneider (@ulfschneider) on CodePen.

Comments