Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / text / international / bidi-LDB-2-HTML.html
blob97041dba126cbfae38b803b0c82b77f27e950682
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
2 <HTML><HEAD>
3 <!--
4 Based on http://dbaron.org/css/test/bidi2_html by Dave Baron, dbaron@dbaron.org
5 Copied with permission on 2005-09-10
6 Modified with permission (rearranged to fit in 800x600 and changed to make more
7 testcases have the same expected layout).
8 -->
9 <TITLE>Bidirectional Text Test 2 - HTML</TITLE>
10 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
11 <meta http-equiv="Content-Style-Type" content="text/css">
12 <LINK REL="copyright" HREF="/~dbaron/legal.html">
13 <STYLE TYPE="text/css">
14 p { text-align: left; }
16 table.pair { border-spacing: 0; margin-bottom: 0; }
17 table.pair td { padding: 0; }
18 p.pair { margin: 0; }
20 .rtl { direction: rtl; }
21 .ltr { direction: ltr; }
22 .rle { direction: rtl; unicode-bidi: embed; }
23 .lre { direction: ltr; unicode-bidi: embed; }
24 .rlo { direction: rtl; unicode-bidi: bidi-override; }
25 .lro { direction: ltr; unicode-bidi: bidi-override; }
27 .embed { unicode-bidi: embed; }
28 .override { unicode-bidi: bidi-override; }
30 div.box { border:1px green solid; display:inline-block; padding:3px; margin:3px; vertical-align:middle; }
32 </STYLE>
33 </HEAD>
34 <BODY>
35 <H1>Bidirectional Text Test 2 - HTML</H1>
37 <p>This test is based on <a
38 href="http://www.w3.org/TR/REC-CSS2/visuren.html#direction">CSS2 section
39 9.10</a> and <a href="http://www.unicode.org/unicode/uni2book/ch03.pdf">Chapter
40 3</a> of the <a href="http://www.unicode.org/unicode/uni2book/u2.html">Unicode
41 Standard</a>.</p>
43 <PRE>
44 </PRE>
46 <p>In each box, all the lines should be the same.</p>
47 <div class="box">
48 <p class="pair">ABCDEFGHI</p>
49 <p class="rtl pair">ABCDEFGHI</p>
50 <p class="rtl pair">ABC<span>DEF</span>GHI</p>
51 <p class="rlo pair">IHGFEDCBA</p>
52 <p class="rlo pair">IHG<span>FED</span>CBA</p>
53 <p class="rlo pair">IHG<span dir="rtl">DEF</span>CBA</p>
54 <p class="rlo pair">IHG<bdo dir="rtl">FED</bdo>CBA</p>
55 <p class="rlo pair">IHG<span style="unicode-bidi: inherit">FED</span>CBA</p>
56 <p class="rlo pair">IHG<bdo dir="ltr">DEF</bdo>CBA</p>
57 </div>
59 <div class="box">
60 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td></tr></table>
61 <p class="pair">&#x05D0;&#x05D1;&#x05D2;</p>
62 <p class="pair embed">&#x05D0;&#x05D1;&#x05D2;</p>
63 <p class="pair override">&#x05D2;&#x05D1;&#x05D0;</p>
64 </div>
66 <div class="box">
68 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td></tr></table>
69 <p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5;</p>
70 <p class="pair rtl">&#x05D3;&#x05D4;&#x05D5; ABC &#x05D0;&#x05D1;&#x05D2;</p>
71 </div>
73 <div class="box">
74 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp;</td><td>D</td><td>E</td><td>F</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
75 <p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF &#x05D6;&#x05D7;&#x05D8;</p>
76 <p class="pair">&#x05D0;&#x05D1;&#x05D2; <span>ABC &#x05D3;&#x05D4;&#x05D5;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
77 <p class="pair">&#x05D0;&#x05D1;&#x05D2; <span dir="ltr">ABC &#x05D3;&#x05D4;&#x05D5; DEF</span> &#x05D6;&#x05D7;&#x05D8;</p>
78 <p class="pair">&#x05D6;&#x05D7;&#x05D8; <span dir="rtl">DEF &#x05D3;&#x05D4;&#x05D5; ABC</span> &#x05D0;&#x05D1;&#x05D2;</p>
79 <p class="pair">&#x05D3;&#x05D4;&#x05D5; <span dir="rtl">ABC &#x05D0;&#x05D1;&#x05D2;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
80 <p class="pair">&#x05D3;&#x05D4;&#x05D5; <bdo dir="rtl">CBA &#x05D0;&#x05D1;&#x05D2;</bdo> DEF &#x05D6;&#x05D7;&#x05D8;</p>
81 <p class="pair">&#x05D0;&#x05D1;&#x05D2; <bdo dir="ltr">ABC &#x05D5;&#x05D4;&#x05D3;</bdo> DEF &#x05D6;&#x05D7;&#x05D8;</p>
82 <p class="rtl pair">&#x05D6;&#x05D7;&#x05D8; <bdo dir="ltr">ABC &#x05D5;&#x05D4;&#x05D3;</bdo> DEF &#x05D0;&#x05D1;&#x05D2;</p>
83 </div>
85 <div class="box">
86 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp;</td><td>D</td><td>E</td><td>F</td><td>&nbsp;</td><td>G</td><td>H</td><td>I</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
87 <p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF GHI &#x05D6;&#x05D7;&#x05D8;</p>
88 </div>
89 <br/>
90 <div class="box">
91 <table class="pair"><tr><td>F</td><td>E</td><td>D</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp;</td><td>C</td><td>B</td><td>A</td><td>&nbsp;</td><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>G</td><td>H</td><td>I</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
92 <p class="pair">&#x05D0;&#x05D1;&#x05D2; <bdo dir="rtl">ABC &#x05D3;&#x05D4;&#x05D5; DEF</bdo> GHI &#x05D6;&#x05D7;&#x05D8;</p>
93 </div>
95 <div class="box">
96 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>F</td><td>E</td><td>D</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp</td><td>G</td><td>H</td><td>I</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
97 <p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC <bdo dir="rtl">&#x05D3;&#x05D4;&#x05D5; DEF</bdo> GHI &#x05D6;&#x05D7;&#x05D8;</p>
98 </div>
99 <hr title="Beginning of Footer">
100 <!--
101 <P><A HREF="http://validator.w3.org/check/referer" TITLE="W3C HTML Validator"><img src="../../images/vh40" ALT="Valid HTML 4.0!" height="31" width="88"></A></P>
103 <P>(Back to
104 <A HREF="./">CSS Testing Information</A>,
105 <A HREF="../../">David Baron</A>)
106 <P><A HREF="/" TITLE="David Baron's Homepage">LDB</A>,
107 <A rev="made" href="mailto:dbaron@dbaron.org" TITLE="Send e-mail to David Baron">dbaron@dbaron.org</A>, 2001-06-05</P>
108 <P>Modified and used with the author&rsquo;s permission.</P>
109 </BODY></HTML>