title: How to center a div from top to bottom?
body: <p>I just want the div to be in the center of the page, equal spacing from top to bottom and I need to use percents because the div content varies. I tried bottom:50% but this does not work.</p>
  <p>Thanks for the answers! Mine's a little different and it is my mistake for not adding this, visit <a href="http://roseannebarr.tumblr.com" rel="nofollow noreferrer">my blog</a> to view the issue.</p>
  <p>Hey everyone, thanks for using your time to answer such a stupid question, but I found that the easiest way is to just use padding:</p>
  <pre><code>padding-top:X%;
  padding-bottom:X%;
  </code></pre>
  <p>Then just mess with it to see what your result is. If you have anything better PLEASE DO SHARE because this is obviously probablly not the most reliable.</p>