Html 如何垂直对齐内联元素和内联块元素

假设我有以下代码

p{ 显示：内联； } div{ 显示：内联块； 宽度：100px； 高度：50px； 背景：黑色； } 一些文本

---

只需将float left添加到标记中即可

p{
display: inline;
float:left;
}

这将正确对齐两个元素

我使用了flex css，还添加了一个新的div 我希望这对你有帮助

p{ 显示：内联； 保证金：0； } .内分区{ 显示：内联块； 宽度：100px； 高度：50px； 背景：黑色； } .外分区{ 显示器：flex； 对齐项目：居中； 显示：-webkit flex； -webkit对齐项目：居中； } 一些文本

---

复制是关于图像的，但它与您的div完全相同，因为复制div中的图像不能包装到p tagA p tag中，p tag不能包含div元素。p标记只能包含。添加了另一个与@AbhishekPandey所说内容相关的副本。这样做将使他使用内联和内联块无效