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

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