I have two three floating elements on a page, and sometimes one of the elements collides with another. This is okay, except that when it happens I want the collided element to force a line break instead of just moving down.
If this makes no sense at all, check out the example:
That's pretty much my problem, without the actual site. Resize your browser and see what the red square does to the green rectangle. I want to green rectangle to line break below the blue one, when the red and green collide, but I don't know how to do this in CSS?