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

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