title: CSS table default padding or margin
body: <p>Today it's my first time I'm playing around with tables
  and I have noticing that the table and tr and td tags have a little space between them,
  like 1 px or so.</p>
  
  <p>So here is my problem :</p>
  
  <p>There is my code :</p>
  
  <pre><code>&lt;table id="upload_box_container"&gt;
      &lt;tr&gt;
          &lt;td class="border_bottom_1px"&gt;hi1&lt;/td&gt;
          &lt;td class="border_bottom_1px"&gt;hi2&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>(upload_box_container - it's just background color and border color)</p>
  
  <p>(border_bottom_1px - as it's name it only gives bottom border with 1px size)</p>
  
  <p>and there is a picture of how it displays:
  <a href="http://postimage.org/image/16wz2ao78/" rel="nofollow noreferrer">http://postimage.org/image/16wz2ao78/</a></p>
  
  <p>My question is </p>
  
  <ul>
  <li><p>why there is a space between the two bottom borders</p></li>
  <li><p>and why there is a space in the sides of the table (like padding) and the borders don't touch the table border</p></li>
  </ul>
  
  <p>thanks.</p>