如何在 h3 部分结束之前刷新侧面对齐的图像？答案

【问题标题】：How to flush side-aligned images before the end of an h3 section?如何在 h3 部分结束之前刷新侧面对齐的图像？
【发布时间】：2021-02-25 07:14:34
【问题描述】：

我正在用 html 准备一篇将在 wordpress 网站上发布的帖子，其中包含很多右对齐的图像。我希望图像出现在插入它们的<h3> 部分中，也就是说，以下<h3> 标题始终位于其代码插入到上方的图像下方。

<h3>Section One with image</h3>
<img src="image-not-found.jpg" align="right" width="50%" />
Text here is short.
<h3>Section Two without image</h3>

我尝试用<p> 或<div> 包围<img> 标记，但这并不妨碍下面的<h3> 标题与图像并排显示。

在 HTML 中是否有一种方法可以请求在显示更多文本之前刷新所有图像？

请注意，我在 wordpress 网站上没有管理员权限。

【问题讨论】：

【解决方案1】：

我为此找到了一个快速而肮脏的 hack。

在<h3> 标记之前，插入100% 宽度和零或1 高度的占位符图像：

<img src="notfound.png" width="100%" height="0">

我不确定它有多强大。

【讨论】：