div内のリンクをボトムアライメントする

Question

私はこれに似た何かを持っている

.col {float: left; width:190px;border: 1px solid red;} 

<div class="col"> 
    <p>some text goes here some ass sasass here </p 
</div> 
<div class="col"> 
    <p>some text goes here</p> 
    <a href="">Link</a> 
</div> 

したがって、最初のdivのテキストはかなり長いですが、2番目のdivのテキストはそうではありません。したがって、最初のdivは2番目のdivよりも大きくなります。

私が達成したいのは、2列目のテキストをそのままにして、左のdivの高さに合わせてリンクを下に垂直に整列させることです。

それは意味がありますか？

ありがとう

Answer 1

ルック： http://www.ejeliot.com/samples/equal-height-columns/example-6.html

が追加さ：
あなたが一番下に配置したい要素を取る必要があります。

<div class="col"> 
    <p>Lorem ipsum dolor 1</p> 
</div> 
<div class="bottom"></div> 

<div class="col"> 
    <p>Lorem ipsum dolor 2</p> 
</div> 
<div class="bottom"> 
    <a href="#">link</a> 
</div>