title: Forcing floated elements to run off-screen
body: <p>I have floated elements in a DIV which wrap onto the next line. Instead of wrapping, I would like these elements to simply run off the screen. I've tried using <code>white-space:nowrap</code> without success.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>img {
      float: left;
  }
  div {
      overflow: hidden;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body&gt;
      &lt;div&gt;
          &lt;img ... &gt;
          &lt;img ... &gt;
          &lt;img ... &gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>