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 { | 17 .comments { |
18 display: none; | 18 display: none; |
19 } | 19 } |
20 </style> | 20 </style> |
21 </head> | 21 </head> |
22 <body> | 22 <body> |
23 <div class="instructions" style="display:none">Test passes if the two boxes
below look exactly the same.</div> | 23 <div class="instructions">Test passes if the two boxes below look exactly th
e same.</div> |
24 <div class="comments"> | 24 <div class="comments"> |
25 Key to entities used below: | 25 Key to entities used below: |
26 א ... ו - The first six Hebrew letters (strongly RTL). | 26 א ... ו - The first six Hebrew letters (strongly RTL). |
27 ‭ - The LRO (left-to-right override) formatting character. | 27 ‭ - The LRO (left-to-right override) formatting character. |
28 ‬ - The PDF (pop directional formatting) formatting character; cl
oses LRO. | 28 ‬ - The PDF (pop directional formatting) formatting character; cl
oses LRO. |
29 </div> | 29 </div> |
30 <div class="test"> | 30 <div class="test"> |
31 <div dir="ltr">‭אב...‬</div> | 31 <div dir="ltr">‭אב...‬</div> |
32 <div dir="ltr">‭אב...‬</div> | 32 <div dir="ltr">‭אב...‬</div> |
33 <div dir="ltr">‭אב...‬</div> | 33 <div dir="ltr">‭אב...‬</div> |
34 <div dir="rtl">‭...ba‬</div> | 34 <div dir="rtl">‭...ba‬</div> |
35 <div dir="rtl">‭...ba‬</div> | 35 <div dir="rtl">‭...ba‬</div> |
36 <div dir="rtl">‭...ba‬</div> | 36 <div dir="rtl">‭...ba‬</div> |
37 </div> | 37 </div> |
38 <div class="ref"> | 38 <div class="ref"> |
39 <div dir="ltr">‭אב...‬</div> | 39 <div dir="ltr">‭אב...‬</div> |
40 <div dir="ltr">‭אב...‬</div> | 40 <div dir="ltr">‭אב...‬</div> |
41 <div dir="ltr">‭אב...‬</div> | 41 <div dir="ltr">‭אב...‬</div> |
42 <div dir="rtl">‭...ba‬</div> | 42 <div dir="rtl">‭...ba‬</div> |
43 <div dir="rtl">‭...ba‬</div> | 43 <div dir="rtl">‭...ba‬</div> |
44 <div dir="rtl">‭...ba‬</div> | 44 <div dir="rtl">‭...ba‬</div> |
45 </div> | 45 </div> |
46 </body> | 46 </body> |
47 </html> | 47 </html> |
OLD | NEW |