html - 将文本与 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;}

这里是关于垂直对齐的信息：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/