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

   1 <html>
   2 <head>
   3 <style>
   4 div {
   5   display: -moz-box;
   6   display: -webkit-box;
   7   display: box;
   8 }
   9
  10 .first {
  11   -moz-box-flex-group: 1;
  12   -webkit-box-flex-group: 1;
  13   box-flex-group: 1;
  14   background-color: green;
  15   -moz-box-flex: 1;
  16   -webkit-box-flex: 1;
  17   box-flex: 1;
  18 }
  19
  20 .second {
  21   -moz-box-flex-group: 2;
  22   -webkit-box-flex-group: 2;
  23   box-flex-group: 2;
  24   background-color: red;
  25   -moz-box-flex: 1;
  26   -webkit-box-flex: 1;
  27   box-flex: 1;
  28 }
  29 </style>
  30 </head>
  31 <body>
  32 <p>You should see a 100x100 green square below.  If you see any red, the test has failed.  This test is checking
  33 for box-flex-group support.</p>
  34 <div style="width:100px;height:100px;background-color:red">
  35   <div class="first"></div>
  36   <div class="second"></div>
  37 </div>
  38 </body>
  39 </html>