title: Align HTML element to bottom of another HTML element without absolute values
body: <p>I have a new problem. I need do a vertical align in a HTML element to bottom of another, but I can use absolute value, one time that the second element can have different height.</p>
  
  <p>Take a look on <a href="http://jsfiddle.net/Tu7bA/" rel="nofollow"><strong>this jsFiddle</strong></a> please.</p>
  
  <p>The <code>&lt;a&gt;</code> need stay on bottom of <code>&lt;h1&gt;</code> like <a href="http://jsfiddle.net/SVKZ9/" rel="nofollow">here - workarrounded</a>.</p>
  
  <p>I tried <code>vertical-align</code> but it don't works.</p>
  
  <p>How I can do it? If need, I can change HTML structure without problem.</p>
  
  <p><strong>Edit</strong>: sorry, but I do not think I left something clear: I can't use <code>margin-top</code> or similar, because the <code>font-size</code> of <code>H1</code> is variable.</p>
  
  <p>Bye.</p>