html - 将文本与 HTML 中的图像对齐到行的底部

标签 html css css-position

您好,我有 HTML 和这样的内联图像

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

但是文本是垂直居中于图像的,我怎样才能将它放在图像的底部基线的同一行中?

enter image description here

最佳答案

p img {vertical-align: baseline;}

这里是关于垂直对齐的信息:https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

关于html - 将文本与 HTML 中的图像对齐到行的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19119546/

相关文章:

javascript - html悬停不同的div

html - CSS中垂直溢出的水平滚动

ios - iOS 11修复了滚动输入错误+抖动

html - 使用位置 :absolute within a three levels menu to display the last two levels on the right of each other avoiding stack them on each other

html - 如何使另一个 div 中的 div 背景图像响应?

html - 为什么IE9按照IE7标准以文档模式打开?

asp.net - asp.net 链接标记的语法错误

javascript - 如何覆盖元素样式使其无法更改?

css - 水平对齐 div 不起作用

php - 显示星星而不是单选按钮