title: Shrink caption to size of image
body: <p>Is there any way to tell my <code>span</code> to wrap before it increases the size of its parent <code>div</code>?</p>
  
  <p>My mockup: <a href="https://codepen.io/bukzor/pen/xzLYzj" rel="nofollow noreferrer">https://codepen.io/bukzor/pen/xzLYzj</a></p>
  
  <p>The colored blocks are images of undefined size, and the white blocks should be floating next to each other.</p>