title: Float text to the right of figure and figcaption
body: <p>I discovered the "figure" and "figcaption" elements today. How do I wrap text next (right) to the image and caption.</p>
  
  <pre><code>&lt;div&gt;
  &lt;img alt="Hannibal Regional Medical Building" src="https://hannibalregionalmedicalgroup.org/Portals/0/locations/hannibal_regional_medical_building_375.jpg" width="375" height="178" style="text-align: left;" /&gt;
  &lt;figcaption&gt;Hannibal Regional Medical Building&lt;/figcaption&gt;
  &lt;/div&gt;
  &lt;div&gt;
   &lt;p&gt;
   &lt;span&gt;Hannibal Regional Medical Group 
   &lt;br /&gt;
   6500 Hos​pital Drive&lt;br /&gt;
   Hannibal, MO  63401
   &lt;/span&gt;
   &lt;/p&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;p&gt;&lt;span&gt;To make an appointment,&lt;br /&gt;
  please call 573-629-3500
  &lt;/span&gt;
  &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>