Simple CSS transform translate example highlighting document flow

This demo highlights how the document flow is not effected by a CSS transform. The red div has been moved 50px to the left and 100px down from its original position. The blue div clears the original position of the red div as it is a block level element. Although the red div has been moved, the blue div doesn't flow into the position vacated by the red div, as if the red div was in its original position.