LayoutTests/fast/css/text-align.html

   1 <!DOCTYPE HTML>
   2 <html lang="en">
   3     <title>Test Case for text-align: start/end</title>
   4     <h1 style="font-size: 1em;">Simple case</h1>
   5     <p dir="ltr" style="text-align:start">LTR Start
   6     <p dir="ltr" style="text-align:end">LTR End
   7     <p dir="rtl" style="text-align:start">RTL Start
   8     <p dir="rtl" style="text-align:end">RTL End
   9     <h1 style="font-size: 1em;">Inherited case</h1>
  10     <div style="text-align: start;"><p dir="ltr" style="text-align: inherit">LTR Start</div>
  11     <div style="text-align: end;"><p dir="ltr" style="text-align: inherit">LTR End</div>
  12     <div style="text-align: start;"><p dir="rtl" style="text-align: inherit">RTL Start</div>
  13     <div style="text-align: end;"><p dir="rtl" style="text-align: inherit">RTL End</div>
  14     <h1 style="font-size: 1em;">Inherited case where parent block has opposite directionality.</h1>
  15     <div dir="rtl" style="text-align: start;"><p dir="ltr" style="text-align: inherit">LTR Start</div>
  16     <div dir="rtl" style="text-align: end;"><p dir="ltr" style="text-align: inherit">LTR End</div>
  17     <div dir="ltr" style="text-align: start;"><p dir="rtl" style="text-align: inherit">RTL Start</div>
  18     <div dir="ltr" style="text-align: end;"><p dir="rtl" style="text-align: inherit">RTL End</div>
  19 </html>