src/third_party/WebKit/LayoutTests/fast/regions/auto-size/autowidth-normalflow-minmaxwidth.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             #article { -webkit-flow-into: flow; font-size: 25px; line-height: 2; text-align: justify; color: #a0a0a0; font-family: Ahem; }
   6             #region { -webkit-flow-from: flow; height: 400px; min-width: 200px; max-width: 300px; padding-left: 25px; padding-right: 25px; box-sizing: border-box; }
   7             #container { width: 100px; }
   8         </style>
   9     </head>
  10     <body>
  11         <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=74135"> Auto width is not working for regions</a>.</p>
  12         <p>The region is a block level, non replaced element in normal flow, having min-width and max-width specified.</p>
  13         <p>On success, you should see 2 gray lines below.</p>
  14         <div id="article">
  15             <span style="background-color: #a0a0a0">
  16             aaa aaa
  17             </span>
  18         </div>
  19         <div id="container">
  20             <div id="region"></div>
  21         </div>
  22     </body>
  23 </html>