layout/reftests/margin-collapsing/table-caption-top-2.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5 .block {
   6  height: 20px;
   7  background-color: green;
   8 }
   9 #table {
  10  display: table;
  11  width: 100px;
  12  margin: 10px 0;
  13 }
  14 #caption {
  15  display: table-caption;
  16  caption-side: top;
  17  height: 20px;
  18  margin: 20px 0;
  19  background-color: blue;
  20 }
  21 #cell {
  22  display: table-cell;
  23  height: 20px;
  24  background-color: orange;
  25 }
  26 </style>
  27 </head>
  28 <body>
  29 <div class="block"></div>
  30 <div id="table">
  31  <div id="caption"></div>
  32  <div id="cell"></div>
  33 </div>
  34 <div class="block"></div>
  35 </body>
  36 </html>