我可以问一个关于 inline 和 block 的问题吗，我已经试过了，但我没有找到答案

Question

<img> 是 inline-block 个元素（或可能）

当我添加  和 "display:inline;" 时，段落和图像在同一行（如下所示）

但是当我使用另一个  和 "display:inline;" 作为早期  的容器时，该段落就像一个块元素并将 <img> 向下推虽然容器和 child 都是内联的。

有人知道为什么吗？

这是我的一行代码（只是测试代码，没有任何用处）

    <p style="display:inline;" ><p style="display:inline;">
    asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd
    </p></p>
    
    <img 
    src="https://www.thoughtco.com/thmb/4Bov5m2EOPlY5x6KwWNGgmefhhc=/768x0/
    filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/
    LionelMessiBarcelona-5898d9fe3df78caebca7ac0d.jpg" alt="ronaldo">

对不起，我不能post结果，我没有太多的声誉。

注意： 如果我用 [=39= 替换容器或同时替换容器和 child 到 <div>，则不会发生此结果] 如果我用其他内联元素替换它们，它仍然不会发生。

Answer 1

这种情况下，由于禁止嵌套，第一个会"fixed"立即关闭，第二个同样会"fixed" 通过插入一个开放标签；所以结果 DOM 将是：

<p style="display:inline"></p>
<p style="display:inline">...</p>
<p></p>
<img>

第二个  不会应用任何样式，因此将显示为 block。这会降低你的形象。

我可以问一个关于 inline 和 block 的问题吗，我已经试过了，但我没有找到答案

may i ask a question about inline and block, i had tried but i found no answer to this

html

css

inline

block