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

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