dir_auto-textarea-N-between-Rs-ref.html (1341B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" /> 6 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" /> 7 <style> 8 body, textarea { 9 font-size:18px; 10 text-align:left; 11 } 12 textarea { 13 resize: none; 14 } 15 .test, .ref { 16 border: medium solid gray; 17 width: 400px; 18 margin: 20px; 19 } 20 .comments { 21 display: none; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div> 27 <div class="comments"> 28 Key to entities used below: 29 א - The Hebrew letter Alef (strongly RTL). 30 </div> 31 <div class="test"> 32 <div dir="ltr"> 33 <textarea rows="4" dir="rtl"> 34 א 35 !... 36 א 37 </textarea> 38 </div> 39 <div dir="rtl"> 40 <textarea rows="4" dir="rtl"> 41 א 42 !... 43 א 44 </textarea> 45 </div> 46 </div> 47 <div class="ref"> 48 <div dir="ltr"> 49 <textarea rows="4" dir="rtl"> 50 א 51 !... 52 א 53 </textarea> 54 </div> 55 <div dir="rtl"> 56 <textarea rows="4" dir="rtl"> 57 א 58 !... 59 א 60 </textarea> 61 </div> 62 </div> 63 </body> 64 </html>