title: CSS white-space nowrap not working
body: <p>I have a div with several child divs which are floating left. I don't want them to break, so I set them to <code>display:inline-block</code> and <code>white-space:nowrap</code>. Unfortunately nothing happens at all. They just keep breaking.</p>
  
  <p>At the end I want to scroll in x-direction, but when I add <code>overflow-x:scroll; overflow-y:visible</code> it scrolls in y-direction.</p>
  
  <pre><code>.a {
      width: 400px;
      height: 300px;
      white-space: nowrap;
      display: inline-block;
  }
  .b {
      float: left;
      width: 50px;
      height: 200px;
      display: inline-block;
  }
  
  &lt;div class="a"&gt;
      &lt;div class="b"&gt;&lt;/div&gt;
      &lt;div class="b"&gt;&lt;/div&gt;
      &lt;div class="b"&gt;&lt;/div&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>You can see <a href="http://jsfiddle.net/julian_weinert/88yjz/">my complete implementation on JSFiddle</a></p>