title: bottom-align a link in a div
body: <p>I have something similar to this</p>
  
  <pre><code>.col {float: left; width:190px;border: 1px solid red;}
  
  &lt;div class="col"&gt;
      &lt;p&gt;some text goes here some ass sasass here &lt;/p
  &lt;/div&gt;
  &lt;div class="col"&gt;
     &lt;p&gt;some text goes here&lt;/p&gt;
     &lt;a href=""&gt;Link&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So the text on the first div is quite long where as the text in the second div is not. So the first div gets taller than the second div.</p>
  
  <p>What I want to achieve is leave the text in the second column as it is but vertical align the link to the bottom to match the left's div height.</p>
  
  <p>Does that make sense?</p>
  
  <p>Thanks</p>