Horizontal Scrolling, fit to Content Width
===

I have a page with the following structure:

`div.wrapper` > `div.content` > `div.item` + `div.item`

The wrapper has a width of 320px, whereas the two `div.item` come out to around 600px. I need those two to be displayed inline (right now they are `display: inline-block;`, and have the wrapper's contents scroll horizontally. When I set the `div.content` width to `auto`, it takes the width of the wrapper (320px). Setting the width to 200% obviously gets the horizontal scrolling to work, but how do I get `div.content` to take on the width of its contents to allow for horizontal scrolling?

Note: The wrapper is set to a fixed width and height and has `overflow-y: hidden` and `overflow-x: scroll` set, because I do *not* want vertical scrolling-- only horizontal.