title: vertical-align:bottom WITH float:left
body: <p>how could i do <code>vertical-align:bottom</code> for some divs that have <code>float:left</code>?</p>
  
  <p>you can see the source here: <a href="http://jsfiddle.net/Lb1su4w2/" rel="noreferrer">http://jsfiddle.net/Lb1su4w2/</a></p>
  
  <hr>
  
  <p><strong>this is what i have:</strong> <em>(every color is a different div)</em>
  <img src="https://i.stack.imgur.com/ow1Gu.png" alt="enter image description here"></p>
  
  <p><strong>this is what i want to have:</strong>
  <img src="https://i.stack.imgur.com/iIG8q.png" alt="enter image description here"></p>