title: How to prevent DIV wrapping if they don't have a fixed size?
body: <p>I'm completely pissed off with the divs, I'm soon to be done with website, but a simple thing I have no idea how to solve.</p>
  
  <p>Basically I got a menu and a content <code>div</code>s, the content is different from page to page and I don't want them to wrap against each other.</p>
  
  <p>I've read dozens of posts saying exactly to put a min-width to a wrapper, but I've no idea what my min-width would be. Some pages are just 600px width, while some are almost 1000px, Its got to be used as a PHP template.</p>
  
  <p>Here is the code, I'll be very glad if some one can help at all, because I'm completely frustrated with this...</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;style&gt;
      div {
        padding: 2px
      }
      
      div.menu {
        background-color: #FAFAA0;
        float: left;
      }
      
      div.content {
        background-color: #9DFBA9;
        float: left;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class="menu"&gt;
      menu&lt;br&gt;menu&lt;br&gt;menu&lt;br&gt;menu
    &lt;/div&gt;
    &lt;div class="content"&gt;
      The pages which have different size here. For example:
      &lt;div style="width:600px"&gt;Page one&lt;/div&gt;
      or
      &lt;div style="width:900px"&gt;Page two?&lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div style="clear:both"&gt;
      In either way I dont wan't this two divs wrapping, but I don't know the exact size of the content page.&lt;br&gt; So I can't just put a min width like 1024px.&lt;br&gt; When they are about to wrap, the scrollbar should appear only then...&lt;br&gt; How can I achieve
      that?
    &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>