third_party/WebKit/LayoutTests/fast/inline/left-right-center-inline-alignment-in-ltr-and-rtl-blocks.html

   1 <html>
   2 <head>
   3 <!-- An absolute-positioned inline element, with no leading text, should still obey the alignment of its parent block.
   4     'Hello World, And Stuff!' should be aligned 150 pixels to the left of the center.
   5     https://bugs.webkit.org/show_bug.cgi?id=4860-->
   6 </head>
   7 <body style="width: 800px; overflow: hidden;">
   8
   9 <div align="center" style="direction: rtl;">
  10 <font style="font-size:24px; font-variant:small-caps;letter-spacing:2px; position:absolute; bottom:10px;">RTL-Center-Aligned</font>
  11 </div>
  12
  13 <div align="left" style="direction: rtl;">
  14 <font style="font-size:24px; font-variant:small-caps;letter-spacing:2px; position:absolute; bottom:50px;">RTL-Left-Aligned</font>
  15 </div>
  16
  17 <div align="right" style="direction: rtl;">
  18 <font style="font-size:24px; font-variant:small-caps;letter-spacing:2px; position:absolute; bottom:100px;">RTL-Right-Aligned</font>
  19 </div>
  20
  21 <div style="direction: rtl;">
  22 <font style="font-size:24px; font-variant:small-caps;letter-spacing:2px; position:absolute; bottom:150px;">RTL-No-Aligned</font>
  23 </div>
  24
  25 <div align="center" style="direction: ltr;">
  26 <font style="font-size:24px; font-variant:small-caps;letter-spacing:2px; position:absolute; bottom:200px;">LTR-Center-Aligned</font>
  27 </div>
  28
  29 <div align="left" style="direction: ltr;">
  30 <font style="font-size:24px; font-variant:small-caps;letter-spacing:2px; position:absolute; bottom:250px;">LTR-Left-Aligned</font>
  31 </div>
  32
  33 <div align="right" style="direction: ltr;">
  34 <font style="font-size:24px; font-variant:small-caps;letter-spacing:2px; position:absolute; bottom:300px;">LTR-Right-Aligned</font>
  35 </div>
  36
  37 <div style="direction: ltr;">
  38 <font style="font-size:24px; font-variant:small-caps;letter-spacing:2px; position:absolute; bottom:350px;">LTR-No-Aligned</font>
  39 </div>
  40
  41 </body></html>