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

   1 <html>
   2 <head>
   3 <style>
   4 div {
   5   display: -moz-box;
   6   display: -webkit-box;
   7   display: box;
   8   width: 100px;
   9   height: 100px;
  10 }
  11
  12 div.outer {
  13   background-color:red;
  14 }
  15
  16 img.inner {
  17   background-color:green;
  18   width:100px;
  19   display: block;
  20 }
  21 </style>
  22 </head>
  23 <body>
  24 <p>You should see a single 100x100 green square below. If your browser supports the
  25 display of ALT text, you should see the word "Image" inside the green square.
  26 If you see any red, then
  27 the test has failed.  This test is checking to make sure replaced elements inside boxes
  28 get stretched when <code>box-align: stretch</code> is specified.</p>
  29 <div class="outer">
  30 <img class="inner" alt="Image">
  31 </div>
  32 </body>
  33
  34