direction-upright-001.html (1610B)
1 <!DOCTYPE html> 2 <title>Reftest Reference</title> 3 <meta charset=utf-8> 4 <style> 5 body > div { 6 border: solid silver; 7 float: left; 8 margin: 1em; 9 text-align: right; 10 font: 20px/1 sans-serif; 11 } 12 span { text-orientation: upright; } 13 hr { clear: both; } 14 </style> 15 16 <p>Test passes if both rows of boxes are identical (order, orientation, and arrangement of contents). 17 18 19 <div style="writing-mode: vertical-rl"> 20 <bdo dir=ltr> 21 ז <span>ג ד</span> <span>ה ו</span> ב א<br> 22 ٧ <span>٣ ٤</span> <span>٥ ٦</span> ٢ ١ 23 </bdo> 24 </div> 25 <div style="writing-mode: vertical-lr"> 26 <bdo dir=ltr> 27 ז <span>ג ד</span> <span>ה ו</span> ב א<br> 28 ٧ <span>٣ ٤</span> <span>٥ ٦</span> ٢ ١ 29 </bdo> 30 </div> 31 32 <div dir=rtl> א ב ג ד ה ו ז<br> 33 ١ ٢ ٣ ٤ ٥ ٦ ٧ 34 </div> 35 <div dir=rtl style="writing-mode: sideways-rl"> 36 א ב ג ד ה ו ז<br> 37 ١ ٢ ٣ ٤ ٥ ٦ ٧ 38 </div> 39 <div dir=rtl style="writing-mode: sideways-lr"> 40 א ב ג ד ה ו ז<br> 41 ١ ٢ ٣ ٤ ٥ ٦ ٧ 42 </div> 43 44 45 <hr> 46 47 48 <div style="writing-mode: vertical-rl"> 49 <bdo dir=ltr> 50 ז <span>ג ד</span> <span>ה ו</span> ב א<br> 51 ٧ <span>٣ ٤</span> <span>٥ ٦</span> ٢ ١ 52 </bdo> 53 </div> 54 <div style="writing-mode: vertical-lr"> 55 <bdo dir=ltr> 56 ז <span>ג ד</span> <span>ה ו</span> ב א<br> 57 ٧ <span>٣ ٤</span> <span>٥ ٦</span> ٢ ١ 58 </bdo> 59 </div> 60 61 <div dir=rtl> א ב ג ד ה ו ז<br> 62 ١ ٢ ٣ ٤ ٥ ٦ ٧ 63 </div> 64 <div dir=rtl style="writing-mode: sideways-rl"> 65 א ב ג ד ה ו ז<br> 66 ١ ٢ ٣ ٤ ٥ ٦ ٧ 67 </div> 68 <div dir=rtl style="writing-mode: sideways-lr"> 69 א ב ג ד ה ו ז<br> 70 ١ ٢ ٣ ٤ ٥ ٦ ٧ 71 </div>