title: Separator Between grid columns
body: <p>how can i add separator between grid columns. I try adding border and it always broke the layout. Please have a look at the attached picture for clear understanding.</p>
  
  <p><img src="https://i.stack.imgur.com/Gr7E2.jpg" alt="enter image description here"></p>
  
  <p><strong>EDIT</strong></p>
  
  <p>have a look it here</p>
  
  <p><a href="http://burnfatweightlossblog.com/aiu/junaid/testhtml/" rel="noreferrer">http://burnfatweightlossblog.com/aiu/junaid/testhtml/</a></p>
  
  <p><strong>code</strong></p>
  
  <pre><code>&lt;div class="container_12"&gt;
    &lt;div id="footer"&gt;
      &lt;div class="alpha grid_3 dabox"&gt; &lt;/div&gt;
      &lt;!-- Box 1--&gt;
      &lt;div class="grid_3 dabox"&gt; &lt;/div&gt;
      &lt;!-- Box 2--&gt;
      &lt;div class="grid_3 dabox"&gt; &lt;/div&gt;
      &lt;!-- Box 3--&gt;
      &lt;div class="omega grid_3 dabox"&gt; &lt;/div&gt;
      &lt;!-- Box 4--&gt; 
    &lt;/div&gt;
    &lt;!-- footer--&gt; 
  &lt;/div&gt;
  </code></pre>