Css 如何在另一个p标签下的p标签内放置图像

我正在使用羽毛笔编辑器。以及将数据与HTML标记一起存储在MySQL DB中

例如：

<p>heading<p><p><img src=""></p>

但是，尽管这样做，我不能调整大小或适合我的形象内的p标签。为了描述innerHtml，我可以说它在纯HTML中是这样的

如果你在AllPost中有2篇文章

[![<div>
<p><p><h1>first post</h1></p></p>
<p><p><h1>Second post</h1><p><p>image</p><p>
<div>][1]][1]

---

也许p内的p标签对HTML5无效，我同意这一点。因为已经有少数成员给了我证据，我也亲自检查了。但是在使用innerHTML的情况下

            <p [innerHTML]=post.postContent></p>

因为除非在component.ts文件中添加以下代码，否则innerHTML内容不支持该功能

  encapsulation: ViewEncapsulation.None,

---

p中的p无效，p中的h1也无效invalid@TemaniAfif它们不是建议的还是无效的？无效，请检查代码以了解它是如何得到的transformed@temaniAfif请参考我的截图。即使对于样式，也会应用分词，因为其他人已经说过：这是无效的，意味着浏览器不会以一致的方式呈现它。无论您如何努力，p中的p和h1等在dom中总是彼此相邻。使用浏览器开发工具检查您自己。

            <p [innerHTML]=post.postContent></p>

p img{
    max-width:100% !important;
}

p {
    max-width:100%;
    word-break: break-all
}

  encapsulation: ViewEncapsulation.None,