title: Why css tables only draw border around its rows and not include table-caption inside border?
body: <p>In css tables, I am noticing that if I add a border to <code>display: table;</code> element, it only draws border around all <code>display: table-row;</code> nodes, but not around <code>display: table-caption;</code> element, even if the table-caption node is a child of the <code>display: table;</code>. Why does it do so?</p>
  
  <p>How do I get it to draw border around whole table (i.e. include table-caption inside the border)?</p>
  
  <p>I have created a fiddle to demonstrate the point: <a href="https://jsfiddle.net/9028hswc/" rel="nofollow">https://jsfiddle.net/9028hswc/</a></p>