title: Make floated divs create scrollbars within another div?
body: <p>I have multiple divs floated to the left within another div. Now when those divs are wider together than the div they are in they go to the next line, instead of making a horizontal scrollbar like I wanted it!
  My CSS for my divs:</p>
  
  <p>outer div:</p>
  
  <pre><code>display:block;
  border-width:1px;
  border-style:solid;
  border-color:black;
  margin-left:auto;
  margin-right:auto;
  height:20px;
  width:200px;
  overflow:auto;
  </code></pre>
  
  <p>inner divs:</p>
  
  <pre><code>min-width:16px; //contains text, so it gets wider usually
  float:left;
  padding-left:2px;
  padding-right:2px;
  </code></pre>