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>