title: Centering a character inside a DIV
body: <p>I am trying to center a Character inside a div both vertically and horizontally.<br>
  I had used the following piece of css to achieve so.</p>
  
  <pre><code>  margin : 0 auto; //attempt1
    text-align:center; //attempt2
  </code></pre>
  
  <p>Both did not work, Attempt 2  simply align the character horizontally.<br>But i need to align it vertically too.</p>
  
  <p><a href="http://jsfiddle.net/A3kw4/1/" rel="nofollow">My Code is here</a></p>
  
  <p>Any clues to achieve this?</p>