layout/reftests/margin-collapsing/table-caption-bottom-1.html

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