title: one line placing inside overflow
body: <p>I try to make a slider but have trouble, with placing all my <code>div</code> tags in one line. How do I do that?
  And how to do auto-width for <code>#slider_content</code>?</p>
  
  <pre><code>&lt;div style="width: 100px; height: 20px; background: #FFA; overflow:hidden"&gt;
          &lt;div id="slider_content"&gt;
              &lt;div style="width:50px; height: 50px; background: #ccc; float:left"&gt;1&lt;/div&gt;
              &lt;div style="width:50px; height: 50px; background: #faa; float:left"&gt;2&lt;/div&gt;
              &lt;div style="width:50px; height: 50px; background: #ccc; float:left"&gt;3&lt;/div&gt;
              &lt;div style="width:50px; height: 50px; background: #faa; float:left"&gt;4&lt;/div&gt;
              &lt;div style="width:50px; height: 50px; background: #ccc; float:left"&gt;5&lt;/div&gt;
              &lt;div style="width:50px; height: 50px; background: #faa; float:left"&gt;6&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>