layout/reftests/margin-collapsing/block-percent-2.html

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