third_party/WebKit/LayoutTests/fast/css/absolute-inline-alignment-2.html

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         height: 200%;
   5     }
   6     div {
   7         width: 400px;
   8         height: 25px;
   9         background-color: silver;
  10         text-align: center;
  11         margin: 8px 0;
  12     }
  13     #absolute {
  14         position: absolute;
  15         width: 25px;
  16         height: 25px;
  17         background-color: rgba(0, 0, 255, 0.5);
  18     }
  19 </style>
  20 <div dir="rtl"><span id="absolute"></span> Lorem ipsum dolor sit amet</span></div>
  21 <div dir="ltr"><span id="absolute"></span> Lorem ipsum dolor sit amet</span></div>
  22 <div><span dir="rtl"><span id="absolute"></span> Lorem ipsum dolor sit amet</span></span></div>
  23 <div> <span id="absolute"></span>Lorem ipsum dolor sit amet</div>
  24 <div style="text-align: left;"><span dir="rtl"><span id="absolute"></span> Lorem ipsum dolor sit amet</span></span></div>
  25 <div style="text-align: right;"><span dir="rtl"><span id="absolute"></span> Lorem ipsum dolor sit amet</span></span></div>