| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <meta charset="utf-8" /> | |
| 5 <title>HTML Test: dir=auto, start with L within contained element</title> | |
| 6 <link rel="match" href="dir_auto-contained-L-ref.html" /> | |
| 7 <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouch
e@google.com" /> | |
| 8 <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" /> | |
| 9 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googleg
roups.com" /> | |
| 10 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dir-attri
bute" /> | |
| 11 <meta name="assert" content=" | |
| 12 When dir='auto', the direction is set according to the first strong charac
ter | |
| 13 of the text, including text within contained elements. | |
| 14 In this test, it is the Latin letter A, thus the direction must be | |
| 15 resolved as LTR." /> | |
| 16 <style> | |
| 17 input, textarea { | |
| 18 font-size:1em; | |
| 19 } | |
| 20 body { | |
| 21 font-size:2em; | |
| 22 } | |
| 23 .test, .ref { | |
| 24 border: medium solid gray; | |
| 25 width: 400px; | |
| 26 margin: 20px; | |
| 27 } | |
| 28 .comments { | |
| 29 display: none; | |
| 30 } | |
| 31 </style> | |
| 32 </head> | |
| 33 <body> | |
| 34 <div class="instructions"><p>Test passes if the two boxes below look exactly
the same.</p></div> | |
| 35 <div class="comments"> | |
| 36 Key to entities used below: | |
| 37 א - The Hebrew letter Alef (strongly RTL). | |
| 38 ב - The Hebrew letter Bet (strongly RTL). | |
| 39 ג - The Hebrew letter Gimel (strongly RTL). | |
| 40 ד - The Hebrew letter Dalet (strongly RTL). | |
| 41 ה - The Hebrew letter He (strongly RTL). | |
| 42 ו - The Hebrew letter Vav (strongly RTL). | |
| 43 ז - The Hebrew letter Zayin (strongly RTL). | |
| 44 </div> | |
| 45 <div class="test"> | |
| 46 <div dir="ltr"> | |
| 47 <div dir="ltr"><div><div>ABCאבג.</div>ד
D4;</div>ו</div> | |
| 48 </div> | |
| 49 <div dir="rtl"> | |
| 50 <div dir="ltr"><div><div>ABCאבג.</div>ד
D4;</div>ו</div> | |
| 51 </div> | |
| 52 </div> | |
| 53 <div class="ref"> | |
| 54 <div dir="ltr"> | |
| 55 <div dir="ltr"><div><div>ABCאבג.</div>ד
D4;</div>ו</div> | |
| 56 </div> | |
| 57 <div dir="rtl"> | |
| 58 <div dir="ltr"><div><div>ABCאבג.</div>ד
D4;</div>ו</div> | |
| 59 </div> | |
| 60 </div> | |
| 61 </body> | |
| 62 </html> | |
| OLD | NEW |