title: Align an element to centre bottom of each flexbox
body: <p>I have 3 divs that are side by side using display: flex.</p>
  
  <p>The content in these divs are of varying height, but what I would like is to create a link in each that is always positioned at the bottom.</p>
  
  <pre><code> -----------   -----------   -----------
  |    img    | |    img    | |    img    |
  | heading 1 | | heading 3 | | heading 3 |
  | paragraph | | paragraph | | paragraph |
  | paragraph | |           | | paragraph |
  |           | |           | | paragraph |
  |   link    | |   link    | |   link    |
   -----------   -----------   ----------- 
  </code></pre>
  
  <p>This way the links will always appear lined up.</p>
  
  <p><a href="https://jsfiddle.net/tbpqg4qa/">JSFiddle code</a></p>