src/third_party/WebKit/LayoutTests/fast/regions/render-region-renderer.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4     <style>
   5     .region
   6     {
   7         -webkit-flow-from: no-flow;
   8     }
   9
  10     .border
  11     {
  12         border: 1px solid red;
  13     }
  14
  15     .size
  16     {
  17         width:50px;
  18         height:50px;
  19     }
  20
  21     .sizePercent
  22     {
  23         width: 50%;
  24         height: 50%;
  25     }
  26
  27     .pos
  28     {
  29         top: 150px;
  30         position: absolute;
  31     }
  32
  33     .pos2
  34     {
  35         top: 200px;
  36         position: absolute;
  37     }
  38
  39     .pos3
  40     {
  41         top: 250px;
  42         position: absolute;
  43     }
  44
  45     .parent
  46     {
  47         width: 100px;
  48         height: 100px;
  49     }
  50
  51     .outline
  52     {
  53         outline: green dotted thick;
  54     }
  55
  56     .notvisible
  57     {
  58         visibility: hidden;
  59     }
  60     </style>
  61 </head>
  62 <body>
  63     <div class="region border">FAIL if you see the text inside the region.</div>
  64     <div class="region border size">FAIL if you see the text inside the region.</div>
  65     <div class="parent">
  66         <div class="region border sizePercent">FAIL if you see the text inside the region.</div>
  67     </div>
  68     <div class="region border size pos">FAIL if you see the text inside the region.</div>
  69     <div class="region border size pos2 outline">FAIL if you see the text inside the region.</div>
  70     <div class="region border size pos3 notvisible">FAIL if you see the text inside the region.</div>
  71 </body>
  72 </html>