title: How to get Floating DIVs inside fixed-width DIV to continue horizontally?
body: <p>I have a container DIV with a fixed height and width (275x1000px).  In this DIV I want to put multiple floating DIVs each with a width of 300px, and have a horizontal (x-axis) scrollbar appear to allow the user to scroll left and right to view everything.</p>
  
  <p>This is my CSS so far:</p>
  
  <pre><code>div#container {
      height: 275px;
      width: 1000px;
      overflow-x: auto;
      overflow-y: hidden;
      max-height: 275px;
  }
  
  div#container div.block {
      float: left;
      margin: 3px 90px 0 3px;
  }
  </code></pre>
  
  <p>The problem is that the floating DIVs will not continue past the width of the container.  After putting three of the floating DIV's they will continue on beneath.  If I change overflow-y to auto, then the vertical scrollbar appears and I can scroll down.</p>
  
  <p>How can I change this to make the floating DIVs continue on without going beneath each other?</p>