flow:vertical
Two elements in the middle have heights defined in flex units so they will fill available space proportionally.
UL
element itself has height:*
defined so it by itself will fill space left in the BODY
.
- height:50px
- flexible height:1* flexible height:1*
- flexible height:2* flexible height:2* flexible height:2*
- height:100px
Resize the window to wrap text in elements in multiple lines to see effects of vertical alignment.