Is it like this: http://jsfiddle.net/HUmLb/embedded/result/ ?
The key is making .hud1
a one-column flex, and in the last item inserting a .hud2
row
.
I still couldn't make it center vertical, but I presume it's a good start.
Let us know.
Edit
I put an empty box in the lower corner and fixed
the wrap
div to bottom left.
This is a great reading about flex display: http://css-tricks.com/snippets/css/a-guide-to-flexbox/