20 lines
1.2 KiB
HTML
20 lines
1.2 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
<title>Test Case for text-align: start/end</title>
|
|
<h1 style="font-size: 1em;">Simple case</h1>
|
|
<p dir="ltr" style="text-align:start">LTR Start
|
|
<p dir="ltr" style="text-align:end">LTR End
|
|
<p dir="rtl" style="text-align:start">RTL Start
|
|
<p dir="rtl" style="text-align:end">RTL End
|
|
<h1 style="font-size: 1em;">Inherited case</h1>
|
|
<div style="text-align: start;"><p dir="ltr" style="text-align: inherit">LTR Start</div>
|
|
<div style="text-align: end;"><p dir="ltr" style="text-align: inherit">LTR End</div>
|
|
<div style="text-align: start;"><p dir="rtl" style="text-align: inherit">RTL Start</div>
|
|
<div style="text-align: end;"><p dir="rtl" style="text-align: inherit">RTL End</div>
|
|
<h1 style="font-size: 1em;">Inherited case where parent block has opposite directionality.</h1>
|
|
<div dir="rtl" style="text-align: start;"><p dir="ltr" style="text-align: inherit">LTR Start</div>
|
|
<div dir="rtl" style="text-align: end;"><p dir="ltr" style="text-align: inherit">LTR End</div>
|
|
<div dir="ltr" style="text-align: start;"><p dir="rtl" style="text-align: inherit">RTL Start</div>
|
|
<div dir="ltr" style="text-align: end;"><p dir="rtl" style="text-align: inherit">RTL End</div>
|
|
</html>
|