title: CSS/HTML: Center text in window without scroll bars
body: <p>I've looked everywhere to center text in a window and I believe I found the best solution (I believe... I'm up for other suggestions).  However, I get these annoying scroll bars on both sides no matter how large or small the window is.</p>
  
  <p>Can you guys take a look at this code/fiddle and let me know why the scroll bars are there and how to remove them?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet'       type='text/css'&gt;
    &lt;style&gt;
      body {
          font-family: 'Asset', cursive;
          font-size: 100px;
          text-shadow: 4px 4px 4px #aaa;
  
          width: 100%;
          height: 100%;
      }
  
      div {
          position:absolute; 
          height:100%; 
          width:100%;
          display: table;
      }
  
      h1 {
          display: table-cell;
          vertical-align: middle;
          text-align:center;
      }
  
    &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div&gt;
      &lt;h1&gt;HELLO&lt;/h1&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/rYe7V/" rel="nofollow">http://jsfiddle.net/rYe7V/</a></p>