<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Tables: Margin Collapsing</title>
  <style type="text/css">
   div {
     border: solid blue;
     height: 180px;
   }
   div > * { 
     border: thin solid silver;
     margin: 1em;
     height: 1em;
     border-spacing: 0;
     display: table;
     font: 20px/20px Ahem;
   }
   td { padding: 0; }
  </style>
 </head>
 <body>
  <p>There should be four black bars below that do not overflow the blue box.</p>
  <div>
   <table><tr><td>Test</td></tr></table>
   <table><tr><td>Test</td></tr></table>
   <p>Test</p>
   <p>Test</p>
  </div>
  <p>This test has passed if the black bars are evenly distributed in the blue box.</p>
 </body>
</html>