title: how to put text on the middle of an image
body: <p>Hi
  Using CSS I'm trying to center some text on an image so it looks like this.</p>
  
  <pre><code>&lt;div&gt;
  -------
  |P    |
  |  I  | This is some text.
  |    C|
  -------
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I achieve that result? Don't know if that helps, the image is 32x32 pixels.</p>