How can I wrap div elements that are different heights?

Wrapping divs and other block level elements is pretty easy if they're all a consistent height, we can just set a width and a float and we're done.

However when we have elements whose heights are being set dynamically we can run into issues when one element gets 'caught' on a taller element in the row above. For example:

1