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

   1 <html>
   2 <head>
   3 <style>
   4 div {
   5   display: -moz-box;
   6   display: -webkit-box;
   7   display: box;
   8   background-color: green;
   9   width: 100px;
  10   height: 100px;
  11 }
  12
  13 span {
  14   -moz-box-flex: 1;
  15   -webkit-box-flex: 1;
  16   box-flex: 1;
  17   height: 100px;
  18   background-color: red;
  19 }
  20
  21 </style>
  22 </head>
  23 <body>
  24 <p>You should see a 100x100 green square below.  If you see any red, the test has failed.  This test is checking
  25 to make sure inlines get wrapped in anonymous blocks when placed inside boxes.</p>
  26 <div>
  27   <span></span>
  28 </div>
  29 </body>
  30 </html>