how to put text on the middle of an image

Question

Hi Using CSS I'm trying to center some text on an image so it looks like this.

<div>
-------
|P    |
|  I  | This is some text.
|    C|
-------
</div>

How can I achieve that result? Don't know if that helps, the image is 32x32 pixels.

Answer 1

img { vertical-align: middle; }

(although you'll probably want a more specific selector) and

<div>
<img alt="…" src="…" height="32" width="32"> This is some text.
</div>