yige.org 试一个

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>

<p>图像在<img src="/static/images/hackanm.gif" align="bottom" width="48" height="48" />文本中间。</p>

<p>图像在<img src="/static/images/hackanm.gif" align="middle" width="48" height="48" />文本中间。</p>

<p>图像在<img src="/static/images/hackanm.gif" align="top" width="48" height="48" />文本中间。</p>

<p><b>注意：</b> 默认为底部对齐！</p>

<p>图像在<img src="/static/images/hackanm.gif" width="48" height="48" />文本中间。</p>

<p><img src="/static/images/hackanm.gif" width="48" height="48" />图像在文本之前。</p>

<p>图像在文本之后。 <img src="/static/images/hackanm.gif" width="48" height="48" /></p>

</body>
</html>
结果:
编辑上面的代码，点击查看结果。
yige.org - 试一个