flow:horizontal-flow

All list items here have height:* and so they span the whole height of the row. If height of such row element is not set (as in this sample) then it will be equal to tallest element in the row.

Row will wrap: if sum of flexes in the row > 1* (100%%) or if clear:left|right|both used or if not enough horizontal space in the row.

All list items here have height:auto and margin-top:* so they will be alligned vertically to the bottom of the row. All list items here have height:auto and margin-bottom:* so they will be alligned vertically to the top of the row. All list items here have height:auto and both margin-top/bottom:* so they will be alligned vertically to the middle of the row.

Resize the window to wrap text in elements in multiple lines to see effects of vertical alignment.