title: vertical-align <h2> in a <div>
body: <p>I have the following code:</p>
  
  <pre><code>&lt;div style="height: 120px; background: none repeat scroll 0% 0% rgb(45, 144, 234); color: rgb(255, 255, 255); vertical-align: bottom;"&gt;
      &lt;div style="vertical-align: bottom; height: 120px;"&gt;
          &lt;h2 style="vertical-align: bottom; height: 120px;"&gt;text&lt;/h2&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can't get the  text to the bottom of the nested divs. I can't use padding-top or margin-top as I occasionally have text wrapping.</p>
  
  <p>Can someone advice me?</p>