title: How to contain text within a container that has an image with dynamic size?
body: <p>Consider this html:</p>
  
  <pre><code>&lt;div&gt;
  &lt;a href="#" title="image"&gt;&lt;img src="http://s9.postimg.org/lqikvh05r/black_shirt.jpg" /&gt;&lt;/a&gt;
  &lt;h3&gt;Some text here but if this gets long it will pass the image and not wrap&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So without knowing the image size ahead of time, is there a CSS way to contain the text to as wide as the image and wrap if it gets longer?</p>
  
  <p>Here is a fiddle of the issue -> <a href="http://jsfiddle.net/qRGM5/" rel="nofollow">http://jsfiddle.net/qRGM5/</a></p>