layout/reftests/margin-collapsing/inline-block-sibling-2.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5 div {
   6  height: 20px; width: 100%;
   7  background-color: blue;
   8  vertical-align: bottom;
   9 }
  10 #block1 {
  11  margin-bottom: 15px;
  12 }
  13 #inline-block1 {
  14  display: inline-block;
  15  margin: 25px 0 25px;
  16 }
  17 #inline-block2 {
  18  display: inline-block;
  19  margin: 15px 0 15px;
  20 }
  21 #block2 {
  22  margin-top: 25px;
  23 }
  24 </style>
  25 </head>
  26 <body>
  27 <div id="block1"></div>
  28 <div id="inline-block1"></div>
  29 <div id="inline-block2"></div>
  30 <div id="block2"></div>
  31 </body>
  32 </html>