title: Flexbox column align self to bottom
body: <p>Im trying to use Flexbox. <a href="http://css-tricks.com/almanac/properties/a/align-content/" rel="noreferrer">http://css-tricks.com/almanac/properties/a/align-content/</a> this shows nice alignment options; but i would actually want a Top-top-bottom situation.</p>
  
  <p>I want a div to stick to the bottom of the parent div using flexbox. With <code>flex-direction: column</code> and <code>align-content: Space-between</code> i can do this, but the middle div will align in the center, i want the middle one to be sticked to the top as well.</p>
  
  <p>[top]</p>
  
  <p>[middle]</p>
  
  <p>-</p>
  
  <p>-</p>
  
  <p>-</p>
  
  <p>[bottom]</p>
  
  <p><code>align-self: flex-end</code> will make it float right, not bottom.</p>
  
  <p>complete flexbox docs: <a href="http://css-tricks.com/snippets/css/a-guide-to-flexbox/" rel="noreferrer">http://css-tricks.com/snippets/css/a-guide-to-flexbox/</a></p>