title: div floating left
body: <p>I work on a page where i want a lot of columns.
  The columns should float left, and there should never be a column under a column.
  (and if it's possible no scrollbar, just make the columns that exceed the screen impossible to access).</p>
  
  <p>Atm, my second column goes under my first instand of next to it.</p>
  
  <pre><code>&lt;div id="container"&gt;
  
      &lt;div id="menu"&gt;
      &lt;/div&gt;
  
      &lt;div id="book"&gt;
  
          &lt;div id="column1" class="column_n"&gt;
          &lt;/div&gt;
  
          &lt;div id="column2" class="column_n"&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>body {
      margin: 0;
      padding: 0;
      border: 0;
      font-family: Verdana;
      font-size: 20px;
  
  }
  
  .column_n {
      width: 480px;
      margin: 20px;
      float: left;
  }
  </code></pre>