title: many divs side by side vertical alignment
body: <p>I hope you will understand me. There is a wrapper with width of 360px, it allows only 3 columns of divs. I just want to be able to drop in another div anytime I want and then all previous will be moved along. I have a problem, it seems like divs go to next row but they align verticaly to the tallest one from previous row. Please have a look at the example below (I had to use a picture as the code wasn't showing right). The last green one should be touching the tall red one from above. I am not looking for static positioning it has to be automatic so when I change wrappers width to larger more divs will automatically be included in the rows.</p>
  
  <p><img src="https://i.stack.imgur.com/Ow8Yy.png" alt="enter image description here"></p>
  
  <p>Below is the image of a wrong result.</p>
  
  <p><img src="https://i.stack.imgur.com/HaM2W.png" alt="enter image description here"></p>