LayoutTests/fast/flexbox/013.html

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