title: Add space between two columns
body: <p>I have an HTML table. I need to have spacing between the table columns, but not the table rows.</p>
  
  <p>My table columns also have border around them:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;hello&lt;/td&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;world&lt;/td&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;how&lt;/td&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;are&lt;/td&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;you?&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;hello&lt;/td&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;world&lt;/td&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;how&lt;/td&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;are&lt;/td&gt;
      &lt;td style="padding:0 15px 0 15px;"&gt;you?&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Css</strong></p>
  
  <pre><code>table td{
     border : 1px solid black;
     border-spacing: 1em 0;
   }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/u5mN4/1667/" rel="nofollow noreferrer">fiddle</a></p>