third_party/WebKit/LayoutTests/fast/deprecated-flexbox/024.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   -moz-box-orient: vertical;
  11   -webkit-box-orient: vertical;
  12   box-orient: vertical;
  13 }
  14
  15 div.outer {
  16   background-color:red;
  17 }
  18
  19 img.inner {
  20   background-color:green;
  21   height:100px;
  22   display: block;
  23 }
  24 </style>
  25 </head>
  26 <body>
  27 <p>You should see a single 100x100 green square below. If your browser supports the
  28 display of ALT text, you should see the word "Image" inside the green square.
  29 If you see any red, then
  30 the test has failed.  This test is checking to make sure replaced elements inside boxes
  31 get stretched when <code>box-align: stretch</code> is specified.</p>
  32 <div class="outer">
  33 <img class="inner" alt="Image">
  34 </div>
  35 </body>
  36
  37