title: How to flush side-aligned images before the end of an h3 section?
body: <p>I am preparing in html a post that will be published in a wordpress website, with a lot of right-aligned images. I'd like the images to appear within the <code>&lt;h3&gt;</code> section where they are inserted, that is, that the following <code>&lt;h3&gt;</code> title is always below an image whose code is inserted above.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;h3&gt;Section One with image&lt;/h3&gt;
  &lt;img src=&quot;image-not-found.jpg&quot; align=&quot;right&quot; width=&quot;50%&quot; /&gt;
  Text here is short.
  &lt;h3&gt;Section Two without image&lt;/h3&gt;
  </code></pre>
  
  <p>I have tried surrounding the <code>&lt;img&gt;</code> tag with <code>&lt;p&gt;</code> or <code>&lt;div&gt;</code> but this doesn't prevent the following <code>&lt;h3&gt;</code> title to be side-by-side with image.</p>
  <p>Is there a way in HTML to request that all images be flushed before displaying further text?</p>
  <p>Note that I do not have admin rights on the wordpress site.</p>