title: How do i make my picture and paragraph in the middle of my page screen
body: <p>My problem is the picture and the paragraph is not in the center of the page screen it goes to the bottom instead. Can anyone help me with this?</p>
  
  <p>current output: <a href="http://jsfiddle.net/YMCLJ/1/" rel="nofollow">http://jsfiddle.net/YMCLJ/1/</a></p>
  
  <pre><code>&lt;p class="center"&gt;Must be center in the screen&lt;/p&gt;
  &lt;img class="center" src="http://i38.photobucket.com/albums/e149/eloginko/hello_zpsc60ffbf3.gif"/&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.center {
      position: absolute;
      left:50%;
      top:50%;
  }
  </code></pre>