title: Table structure by div tag in html
body: <p>I'm using div instead of table but I am not getting the border increased while the content increase in a column. </p>
  
  <pre><code>&lt;div class="divTable"&gt;
               &lt;div class="headRow"&gt;
                  &lt;div class="divCell" align="center"&gt;Customer ID&lt;/div&gt;
                  &lt;div  class="divCell"&gt;Customer Name&lt;/div&gt;
                  &lt;div  class="divCell"&gt;Customer Address&lt;/div&gt;
               &lt;/div&gt;
              &lt;div class="divRow"&gt;
                    &lt;div class="divCell"&gt;001&lt;/div&gt;
                  &lt;div class="divCell"&gt;002&lt;/div&gt;
                  &lt;div class="divCell"&gt;am unable to get the white space between col while the content increases&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="divRow"&gt;
                  &lt;div class="divCell"&gt;xxx&lt;/div&gt;
                  &lt;div class="divCell"&gt;yyy&lt;/div&gt;
                  &lt;div class="divCell"&gt;www&lt;/div&gt;
             &lt;/div&gt;
              &lt;div class="divRow"&gt;
                  &lt;div class="divCell"&gt;ttt&lt;/div&gt;
                  &lt;div class="divCell"&gt;uuu&lt;/div&gt;
                  &lt;div class="divCell"&gt;Mkkk&lt;/div&gt;
             &lt;/div&gt;
  
        &lt;/div&gt;
  
  .divTable{
    display:table;         
    width:auto;         
    background-color:#eee;         
    border:1px solid  #666666;         
    border-spacing:5px;
  }
  .divRow{
    display:table-row;
    width:auto;
    clear:both;
      background-color:#ccc;  
  }
  .divCell{
    float:left;
    display:table-column;         
    width:100px;         
  border-left: 2px solid #fff;
  }
  </code></pre>
  
  <p>Kindly go through the  link below:</p>
  
  <p><a href="http://jsfiddle.net/vasanthanvas/H4Zug/" rel="nofollow noreferrer">http://jsfiddle.net/vasanthanvas/H4Zug/</a></p>