Align flex-box items to baseline of last text line in a block

Question

I am trying to achive the last example on the following image, using flex-box.

From what I see, the align-items: baseline; property works great whe

Answer 1

At the time of writing the CSS box model alignment working draft proposes a ‘first’ and ‘last’ value to be added to ‘align-items’. The would allow:

align-items: last baseline

Current it only appears to be supported by Firefox so is one for the future.

https://developer.mozilla.org/en-US/docs/Web/CSS/align-items