title: If I have a table inside a table, can their borders collapse?
body: <p>The JS Fiddle is located here: <a href="http://jsfiddle.net/apyh2b4x/" rel="nofollow">http://jsfiddle.net/apyh2b4x/</a> It is using the Twitter Bootstrap, as am I in my project. </p>
  
  <p>The HTML code is very simple, the gist of it is having a <code>table</code> inside a <code>table</code>: </p>
  
  <pre><code>&lt;div style="padding:20px;"&gt;
      &lt;table class="table table-bordered"&gt;
          &lt;tr&gt;
              &lt;td&gt;Outside label&lt;/td&gt;
              &lt;td&gt;
                  &lt;table class="table table-bordered"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Inside label 1&lt;/td&gt;
                          &lt;td&gt;Inside label 2&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I am wondering is, is it possible for the <code>borders</code> of these two tables to <code>collapse</code>, the same way as the <code>borders</code> of two joint cells in the same table are collapsing? </p>