title: How can I vertically center text in a dynamically height div?
body: <pre><code>&lt;body&gt;
      &lt;div style="position:absolute; height:100%; width:100%;"&gt;
          &lt;h1 style="text-align:center;"&gt;Text&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>How can I vertically center the h1 tag inside of the div tag, no matter how tall the div element is? i.e. If the user changes his browser height, I want the h1 to vertically align in the center, according to the new height.</p>
  
  <p>Thanks.</p>