Place divs next to each other regardless of parent width

I want to place divs next to each other. I dont't know number of divs, since this is dynamically created and changed. I would like to have one parent div which will have scrollbar in case there are many child divs (and their width is greater than parent). Here's the jsFiddle example. So, basically I would like to have all this three columns, next to each other and with scrollbar on the bottom of parent div. HTML: ``` <div class="content"> <div class="column">Column</div> <div class="column">Column</div> <div class="column">Column</div> </div> ``` CSS: ``` content { width: 100px; background- color: #355E95; overflow: visible; } .column { width: 50px; display: inline-block; } ```