title: Prevent div width from shrinking smaller than content
body: <p>I have a container <code>div</code> that can contain any number of <code>inline-block</code> <code>div</code> tags that contain content. These inner content containers will have unknown widths.</p>
  
  <p>When the width of the window shrinks smaller than the width of the container <code>div</code>, the inline <code>div</code> tags begin to stack.</p>
  
  <p>How can I prevent this? I'd like the container <code>div</code> to be not allowed to shrink any smaller than the width of its contents, adding scrollbars when necassary.</p>
  
  <p>Here is an example: <a href="http://jsfiddle.net/ZAWRX/" rel="nofollow">http://jsfiddle.net/ZAWRX/</a><br>
  Shrink the width of the <code>Result</code> window and you'll see the container shrinks as well, forcing the content containers to stack.</p>