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

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