title: Is it possible to prevent wrapping of child elements in HTML?
body: <pre><code>.container
  {
   position: absolute;
   bottom: 0px;
   height: 25px;
   left: 200px;
   padding-right: 5px;
   background-color: black;
   overflow: hidden;
  }
  
  
  .child
  {
   position: relative;
   float: left;
   height: 100%;
   width: 95px;
   background-color: #99CCFF;
   margin-left: 5px;
  }
  </code></pre>
  
  <p>I when the size of the browser window is smaller than will allow for all the children to fit without wrapping I would like there to be a scrollbar, not the default mechanism of the child elements wrapping.</p>
  
  <p>I'm not in control of the number of child elements so I can not set a width on the container. How can I prevent the wrapping of the child elements?</p>