title: Image captions and wrapping
body: <p>What's the best way to add a caption below an image?  The image and its caption will be floated right, and the text on the caption needs to wrap -- a 200x200px image shouldn't have a caption of width 800px.</p>
  
  <p>I would strongly prefer a solution that allows me to update images (with different widths) without changing the CSS or markup.</p>
  
  <p><em>For reasons beyond my control</em> the image itself will also be floated right, but this should not be too problematic.</p>
  
  <hr>
  
  <p>The image code is</p>
  
  <pre><code>&lt;div class="floatright"&gt;
    &lt;img alt="foo" src="bar.png" height="490" border="0" width="800"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I can wrap this with HTML/CSS as needed.  No JS on this page.</p>