So i have a css class
.div{
  width:300px;
  height:auto;
  float:left;}
If all divs have same height i get this result

But if second div has greater height than first div i get this result. The problem is third div(the red one). It should directly under first div.

I want my result to look like this but i can't get it there. I can't use tables because to change everything in solution would take to much time that we don't have.

