src/third_party/WebKit/LayoutTests/fast/regions/positioned-objects-perpendicular-flows-in-regions-expected.html

   1 <!doctype html>
   2 <html style="direction:rtl">
   3 <head>
   4  <style>
   5     #first-box {
   6         height: 100%;
   7         width: 50%;
   8         background-color: green;
   9         float: left;
  10     }
  11
  12     #region1, #region2, #region3 {
  13         border: 1px solid black;
  14     }
  15
  16     #region1 {
  17         width: 200px;
  18         height: 150px;
  19     }
  20
  21     #region2 {
  22         width: 300px;
  23         height: 180px;
  24     }
  25
  26     #region3 {
  27         width: 120px;
  28         height: 120px;
  29     }
  30 </style>
  31 </head>
  32 <body>
  33 <p style="direction:ltr">The green positioned object should only be as tall as the first region it
  34 is contained in. It should fill the left half of the first region.</p>
  35
  36
  37
  38     <div id="region1">
  39         <div id="first-box">
  40         </div>
  41     </div>
  42     <div id="region2"></div>
  43     <div id="region3"></div>