third_party/WebKit/LayoutTests/fast/forms/fieldset-width-nostretch-ifspecified-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <style type="text/css">
   5             .percentStyle {
   6                 width: 50%;
   7                 padding: 0;
   8                 margin: 0;
   9                 border: 1px solid green;
  10             }
  11             .fixedStyle {
  12                 width: 300px;
  13                 padding: 0;
  14                 margin: 0;
  15                 border: 1px solid green;
  16             }
  17             .calculatedStyle {
  18                 width: 200px;
  19                 width: calc(350px + 50px);
  20                 padding: 0;
  21                 margin: 0;
  22                 border: 1px solid green;
  23             }
  24             .wrap {
  25                 width: 500px;
  26             }
  27         </style>
  28     </head>
  29     <body>
  30     <p> Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=79128">79128</a>: Fieldset unexpectedly stretches to minimum intrinsic width </p>
  31     <p> For this test to pass, you should see our first container to be 50% of its parent, second 300px fixed and third calc width of 400px(if not supported fallback to 200px fixed) </p>
  32         <div class="wrap">
  33             <div class="percentStyle">
  34                Lorem ipsum dolor sit amet, consectetur adipisicing elit
  35             </div>
  36             <div class="fixedStyle">
  37                Lorem ipsum dolor sit amet, consectetur adipisicing elit
  38             </div>
  39             <div class="calculatedStyle">
  40                Lorem ipsum dolor sit amet, consectetur adipisicing elit
  41             </div>
  42         </div>
  43     </body>
  44 </html>