I have this basic scenario setup where I am trying to float divs inside of a wrap. It is working nicely, however the simple effect I am trying to achieve isn’t cooperating when the divs have variable heights. I have researched this a bunch tried to apply a clearfix to the 3rd card without success. The only success I’ve had is actually injecting another div after the 3rd card with a style of clear both. However this is not an approach I want to take as I don’t want to change any of the clean markup. Thoughts on the best way to get this done? I don’t mind using a simple bit of JS/jQuery if necessary.
Desired:
Perhaps I’m not understanding the question, but couldn’t you simply add a “clear: both” to the 4th card?