title: Float images into overflow without wrapper div
body: <p>I got some images into a div.</p>
  
  <pre><code>&lt;div&gt;
     &lt;img /&gt;
     &lt;img /&gt;
     &lt;img /&gt;
     &lt;img /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>All images are set to the same height of 50px. The width is set to auto.</p>
  
  <p>The question is, how do i get the images to float left into a horizontal line that reached into the parent div's overflow area. The parent div need a width of 100%.</p>
  
  <p>I want to set the div to overflow-x: scroll. When the images are simply float: left they break into another line if they extend the divs width. But how can I get them into the overflow, so i have to scroll to see the others?</p>
  
  <p>The main problem is that i can't use js or a wrapper div. The problem has to be solved with css.</p>