layout/reftests/margin-collapsing/table-caption-bottom-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  margin: 10px 0;
  12 }
  13 #caption {
  14  display: table-caption;
  15  caption-side: bottom;
  16  height: 20px;
  17  margin: 20px 0;
  18  background-color: blue;
  19 }
  20 #cell {
  21  display: table-cell;
  22  width: 100px;
  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>