third_party/WebKit/LayoutTests/css3/flexbox/flexitem-no-margin-collapsing.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link href="resources/flexbox.css" rel="stylesheet">
   5 <style>
   6 .flexbox {
   7     background-color: lightgrey;
   8 }
   9 .flexbox p {
  10     height: 100px;
  11     width: 100px;
  12     margin: 10px;
  13     background-color: blue;
  14 }
  15 </style>
  16 <script src="../../resources/js-test.js"></script>
  17 <script src="../../resources/check-layout.js"></script>
  18 </head>
  19 <body onload="checkLayout('.flexbox')">
  20
  21 <div class="flexbox" style="position: relative">
  22 <div data-offset-x="0" data-offset-y="0" data-expected-width="120" data-expected-height="120">
  23     <p data-offset-x="10" data-offset-y="10" data-expected-width="100" data-expected-height="100"></p>
  24 </div>
  25 </div>
  26
  27 </body>
  28 </html>