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