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

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