dir_auto-N-EN-L-ref.html (1886B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>HTML Test: dir=auto, start with N, then EN, then L</title> 6 <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" /> 7 <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" /> 8 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" /> 9 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dir-attribute" /> 10 <meta name="assert" content=" 11 When dir='auto', the direction is set according to the first strong character 12 of the text. 13 In this test, it is the Latin letter A since neutrals and digits are not 14 strongly directional, thus the direction must be resolved as LTR." /> 15 <style> 16 input, textarea { 17 font-size:1em; 18 } 19 body { 20 font-size:2em; 21 } 22 .test, .ref { 23 border: medium solid gray; 24 width: 400px; 25 margin: 20px; 26 } 27 .comments { 28 display: none; 29 } 30 </style> 31 </head> 32 <body> 33 <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div> 34 <div class="comments"> 35 Key to entities used below: 36 א - The Hebrew letter Alef (strongly RTL). 37 ב - The Hebrew letter Bet (strongly RTL). 38 ג - The Hebrew letter Gimel (strongly RTL). 39 </div> 40 <div class="test"> 41 <div dir="ltr"> 42 <p dir="ltr">.-=123ABCאבג.</p> 43 </div> 44 <div dir="rtl"> 45 <p dir="ltr">.-=123ABCאבג.</p> 46 </div> 47 </div> 48 <div class="ref"> 49 <div dir="ltr"> 50 <p dir="ltr">.-=123ABCאבג.</p> 51 </div> 52 <div dir="rtl"> 53 <p dir="ltr">.-=123ABCאבג.</p> 54 </div> 55 </div> 56 </body> 57 </html>