title: How to center an absolute paragraph inside a relative div
body: <p>I want to center a paragraph which is positioned absolute inside another div positioned relative. The  problem is since this is absolute I can't use text-align: center! Also I want to center the paragraph both vertically and horizontally.. .
  My HTML looks like this</p>
  
  <pre><code>&lt;div class="top"&gt;
  
      &lt;p class="same"&gt;Django&lt;/p&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.top
  {
      width: 100%;
      height: 70px;
      position: relative;
  }
  .same
  {
      position: absolute;
  }
  </code></pre>
  
  <p>I want the paragraph text 'Django' to be in the center both vertically and horizontally
  (<a href="http://i.imgur.com/MNcaBYs.jpg" rel="nofollow">http://i.imgur.com/MNcaBYs.jpg</a>)</p>