src/third_party/WebKit/LayoutTests/fast/regions/dialog-autosize-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <style>
   5             .content {
   6                 font-family: Ahem;
   7                 font-size: 20px;
   8                 line-height: 1em;
   9                 color: green;
  10                 -webkit-font-smoothing: none;
  11             }
  12
  13             #region1 {
  14                 float: left;
  15                 min-height: 120px;
  16                 min-width: 60px;
  17             }
  18
  19             #region2 {
  20                 float: left;
  21                 margin-left: 8px;
  22             }
  23
  24             .dialog {
  25                 position: static;
  26                 display: block;
  27                 width: auto;
  28                 height: auto;
  29                 border: none;
  30                 padding: 0px;
  31                 margin: 0px;
  32             }
  33         </style>
  34     </head>
  35     <body>
  36         <p>
  37             Test whether dialog elements with auto width/height are flowed correctly
  38             inside a named flow. You should see two green rectangles.<br>
  39             Test fails if you can see any red.
  40         </p>
  41         <div id="region1">
  42             <dialog class="dialog" id="d1">
  43                 <div class="content">
  44                     <p id="p1">
  45                         xxxxx<br>
  46                         xxxxx<br>
  47                         xxxxx
  48                     </p>
  49                 </div>
  50             </dialog>
  51         </div>
  52         <div id="region2">
  53             <dialog class="dialog" id="d2">
  54                 <div class="content">
  55                     <p id="p2">
  56                         xxxxx<br>
  57                         xxxxx<br>
  58                         xxxxx
  59                     </p>
  60                 </div>
  61             </dialog>
  62         </div>
  63     </body>
  64 </html>