layout/reftests/margin-collapsing/inline-block-sibling-1b.html

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