title: How to push up text in CSS?
body: <p>Demo: <a href="http://jsfiddle.net/DerekL/gNkKx/" rel="noreferrer">http://jsfiddle.net/DerekL/gNkKx/</a></p>
  
  <p>I am trying to push up the text in a <code>div</code> by 50%, and I tried </p>
  
  <pre><code>padding-bottom: 50px; /*div is 100px high*/
  </code></pre>
  
  <p>But it does not work.</p>
  
  <pre><code>padding-top: -50px;
  </code></pre>
  
  <p>This does not work too. Any work-around?</p>