title: How can I prevent floated div elements from wrapping when the browser is re-sized?
body: <p>How do you make DIV's that are floated left next to each other not wrap when the browser is re-sized such that the viewport becomes smaller?</p>
  
  <pre><code>div {
    float: left;
  }
  </code></pre>
  
  <p>For example when the browser is fully maximized the <code>div</code>s line up like this:</p>
  
  <pre><code>|div| |div| |div| |div| |div| |div| |div| |div|
  </code></pre>
  
  <p>But when the browser re-sized smaller this happens:</p>
  
  <pre><code>|div| |div| |div| |div| |div|
  |div| |div| |div|
  </code></pre>
  
  <p>How can I make the <code>div</code>s not wrap when the browser is re-sized smaller?</p>