title: How to center a single character both vertically and horizontally in a square div
body: <p>I want to center within a square div an arbitrary character.  I admit that this sounds like a very simple task, but nothing I've tried works (and I've tried a bazillion things!)<sup>1</sup>.</p>
  
  <p>For concreteness, let's say that the div has height and width equal to 20ex, and let's say that the single character is the so-called "multiplication sign": &#x2715;, nice and symmetric.  I want this character to be positioned inside the 20ex-by-20ex square div such that the point where the two strokes cross is dead-center, both vertically and horizontally, within the div.</p>
  
  <p>EDIT:</p>
  
  <p>I tried the answers I've received so far, <a href="http://goo.gl/MZ7N6d" rel="noreferrer">here</a>.  The solutions given by Jedidiah and by Ashok Kumar Gupta (second and third divs) produce pretty similar results, but (maybe I'm seeing things), the &#x2715; in the third div is <em>just a hair</em> above the vertical center.</p>
  
  <hr>
  
  <p><sup>1</sup>I have learned that <em>no matter how mind-numbingly straightforward a layout task may appear</em>, it can still take me <em>hours and hours and hours</em> to figure out the CSS to achieve it.</p>