layout/reftests/margin-collapsing/caption-sibling-1c.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <!-- dbaron thinks the validity of this test is questionable, see
   5      https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
   6 <style type="text/css">
   7 #table {
   8  display: table;
   9  width: 100px;
  10 }
  11 #caption1 {
  12  display: table-caption;
  13  height: 20px;
  14  background-color: red;
  15  margin-bottom: 20px;
  16 }
  17 #caption2 {
  18  display: table-caption;
  19  height: 20px;
  20  background-color: blue;
  21  margin: 10px 0;
  22 }
  23 #caption3 {
  24  display: table-caption;
  25  height: 20px;
  26  background-color: green;
  27  margin-top: 20px;
  28 }
  29 </style>
  30 </head>
  31 <body>
  32 <div id="table">
  33  <div id="caption1"></div>
  34  <div id="caption2"></div>
  35  <div id="caption3"></div>
  36 </div>
  37 </body>
  38 </html>