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

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