如何将文本放在图像的中间

afa*_*zit 5 css text image

嗨使用CSS我试图在图像上居中一些文字,所以它看起来像这样.

<div>
-------
|P    |
|  I  | This is some text.
|    C|
-------
</div>
Run Code Online (Sandbox Code Playgroud)

我怎样才能达到这个结果?不知道是否有帮助,图像为32x32像素.

Que*_*tin 5

img { vertical-align: middle; }\n
Run Code Online (Sandbox Code Playgroud)\n\n

(尽管您可能需要一个更具体的选择器)并且

\n\n
<div>\n<img alt="\xe2\x80\xa6" src="\xe2\x80\xa6" height="32" width="32"> This is some text.\n</div>\n
Run Code Online (Sandbox Code Playgroud)\n