title: Any idea with Merge a boxes
body: <p>I need a idea how to merge like two column boxes(div, or table) without a space at left column.
  I have a plan to show some div/tables with Two block, or more without a white space.
  Here is an example:</p>
  
  <p><a href="http://jsfiddle.net/glover/VN5R2/" rel="nofollow noreferrer">http://jsfiddle.net/glover/VN5R2/</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;style&gt; 
          div.container
          {
              width:30em;
              border:1em solid;
          }
          div.box
          {
              box-sizing:border-box;
              -moz-box-sizing:border-box; /* Firefox */
              width:50%;
              border:1em solid red;
              float:left;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="box"&gt;This div occupies the left half.&lt;/div&gt;
          &lt;div class="box"&gt;This div occupies the right half.&lt;br&gt;This div occupies the right half.&lt;/div&gt;
          &lt;div class="box"&gt;This div occupies the left half.&lt;/div&gt;
          &lt;div class="box"&gt;This div occupies the right half.&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>