title: how can i position my h2 tag at the bottom of an empty div?
body: <p>dont seem to be able to do this, i have a div 200px x 200px and a h2 tag that i want to position at the bottom of the box dead center, ive tried vertical align center on this but that doesnt seem to solve the problem? I have also tried adding position relative to the box then absolute position to the h2 but im sure theres a better approach?</p>
  
  <pre><code>&lt;div class="box"&gt;
  &lt;h2&gt;My title&lt;/h2&gt;
  &lt;/div&gt;
  
  .box{
         width: 200px;
         height: 200px;
         background: #dedede;
  }
  
  h2{
      text-align: center;
      vertical-align: bottom; 
  }
  </code></pre>