title: CSS full screen div with text in the middle
body: <p>I have a css class defined so I can make a div to use all the browser's viewport, the rule is the following:</p>
  
  <pre><code>.fullscreenDiv {
      background-color: #e8e8e8;
      width: 100%;
      height: auto;
      bottom: 0px;
      top: 0px;
      left: 0;
      position: absolute;
  }
  </code></pre>
  
  <p>Now I want the text inside the div to be in the exact center of the screen so, vertical align center and horizontal align middle, but I can't seem to find the proper way to do so.</p>
  
  <p>It only needs to work on webkit based browsers.</p>
  
  <p>I already tried to add a P element inside with <code>display</code> set to <code>table-cell</code> (a common way of centering text) without luck.</p>
  
  <p>Any suggestions?</p>