使用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/