third_party/WebKit/LayoutTests/fast/deprecated-flexbox/003.html

   1 <html>
   2 <head>
   3 <style>
   4 div.crossTop {
   5   height: 100px;
   6   width: 300px;
   7   background-color:green;
   8   display: -moz-box;
   9   display: -webkit-box;
  10   display: box;
  11   -moz-box-align: center;
  12   -webkit-box-align: center;
  13   box-align: center;
  14   -moz-box-orient: horizontal;
  15   -webkit-box-orient: horizontal;
  16   box-orient: horizontal;
  17 }
  18
  19 div.crossBar {
  20   height: 300px;
  21   width: 100px;
  22   background-color:green;
  23   margin-left: 100px;
  24   margin-top: -100px;
  25 }
  26 </style>
  27 </head>
  28 <body>
  29 You should see a green cross below (300 pixels wide and 300 pixels tall).  This is a test to ensure that
  30 boxes don't obey the overconstraint correction (margin-top/bottom should not be corrected when a box is
  31 overconstrained).
  32
  33 <div style="padding-top:200px; padding-left:0px">
  34 <div class="crossTop">
  35 <div class="crossBar"></div>
  36 </div>
  37 </div>
  38 </body>
  39 </html>