dir_auto-pre-mixed-ref.html (1082B)
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 { 9 font-size:18px; 10 text-align:left; 11 } 12 .test, .ref { 13 border: medium solid gray; 14 width: 400px; 15 margin: 20px; 16 } 17 .comments { 18 display: none; 19 } 20 </style> 21 </head> 22 <body> 23 <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div> 24 <div class="test"> 25 <div dir="ltr"> 26 <pre dir="ltr"> 27 @123! 28 @123! 29 @123! 30 @123! 31 </pre> 32 </div> 33 <div dir="rtl"> 34 <pre dir="ltr"> 35 @123! 36 @123! 37 @123! 38 @123! 39 </pre> 40 </div> 41 </div> 42 <div class="ref"> 43 <div dir="ltr"> 44 <pre dir="ltr"> 45 @123! 46 @123! 47 @123! 48 @123! 49 </pre> 50 </div> 51 <div dir="rtl"> 52 <pre dir="ltr"> 53 @123! 54 @123! 55 @123! 56 @123! 57 </pre> 58 </div> 59 </div> 60 </body> 61 </html>