使用HTML中的图像将文本对齐到行的底部

Question

嗨，我有像这样的内联图像的HTML

<p style="">
    <img src="df9b4006-930e-45d7-8123-bec019a37800.png" height="178" width="112">text
</p>

但文本垂直居中于图像，我如何将其定位在同一行中图像的底部基线？

Answer 1

p img {vertical-align: baseline;}

以下是有关vertical-align的信息： https ： //developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

Answer 2

我会使用vertical-align和text-bottom作为你的例子：

p img {
   vertical-align: text-bottom;
}

http://jsfiddle.net/crazytonyi/pSKYm/2/