OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"> | 5 <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"> |
6 <link rel="author" title="Shai Berger" href="mailto:shai@platonix.com"> | 6 <link rel="author" title="Shai Berger" href="mailto:shai@platonix.com"> |
7 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googleg
roups.com"> | 7 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googleg
roups.com"> |
8 <style> | 8 <style> |
9 body{ | 9 body{ |
10 font-size:2em; | 10 font-size:2em; |
11 } | 11 } |
12 .test, .ref { | 12 .test, .ref { |
13 border: medium solid gray; | 13 border: medium solid gray; |
14 width: 400px; | 14 width: 400px; |
15 margin: 20px; | 15 margin: 20px; |
16 } | 16 } |
17 .comments { display: none; } | 17 .comments { display: none; } |
18 </style> | 18 </style> |
19 </head> | 19 </head> |
20 <body> | 20 <body> |
21 <div class="instructions" style="display:none"><p>Test passes if the two box
es below look exactly the same.</p></div> | 21 <div class="instructions"><p>Test passes if the two boxes below look exactly
the same.</p></div> |
22 <div class="comments"> | 22 <div class="comments"> |
23 Key to entities used below: | 23 Key to entities used below: |
24 א ... ו - The first six Hebrew letters (strongly RTL). | 24 א ... ו - The first six Hebrew letters (strongly RTL). |
25 ‭ - The LRO (left-to-right override) formatting character. | 25 ‭ - The LRO (left-to-right override) formatting character. |
26 ‬ - The PDF (pop directional formatting) formatting character; cl
oses LRO. | 26 ‬ - The PDF (pop directional formatting) formatting character; cl
oses LRO. |
27 </div> | 27 </div> |
28 <div class="test"> | 28 <div class="test"> |
29 <div dir="ltr">‭אב...‬</div> | 29 <div dir="ltr">‭אב...‬</div> |
30 <div dir="ltr">‭אב...‬</div> | 30 <div dir="ltr">‭אב...‬</div> |
31 <div dir="ltr">‭אב...‬</div> | 31 <div dir="ltr">‭אב...‬</div> |
32 <div dir="rtl">‭...ba‬</div> | 32 <div dir="rtl">‭...ba‬</div> |
33 <div dir="rtl">‭...ba‬</div> | 33 <div dir="rtl">‭...ba‬</div> |
34 <div dir="rtl">‭...ba‬</div> | 34 <div dir="rtl">‭...ba‬</div> |
35 </div> | 35 </div> |
36 <div class="ref"> | 36 <div class="ref"> |
37 <div dir="ltr">‭אב...‬</div> | 37 <div dir="ltr">‭אב...‬</div> |
38 <div dir="ltr">‭אב...‬</div> | 38 <div dir="ltr">‭אב...‬</div> |
39 <div dir="ltr">‭אב...‬</div> | 39 <div dir="ltr">‭אב...‬</div> |
40 <div dir="rtl">‭...ba‬</div> | 40 <div dir="rtl">‭...ba‬</div> |
41 <div dir="rtl">‭...ba‬</div> | 41 <div dir="rtl">‭...ba‬</div> |
42 <div dir="rtl">‭...ba‬</div> | 42 <div dir="rtl">‭...ba‬</div> |
43 </div> | 43 </div> |
44 </body> | 44 </body> |
45 </html> | 45 </html> |
OLD | NEW |