text-combine-upright-rtl-002-ref.html (676B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"/> 5 <title>CSS Writing Modes reference</title> 6 7 <style> 8 div { 9 writing-mode: vertical-rl; 10 font: 32px serif; 11 margin: 1em; 12 padding: .25em; 13 border: 1px solid gray; 14 } 15 span { 16 text-combine-upright: all; 17 } 18 #ref span { 19 unicode-bidi: bidi-override; 20 direction: ltr; 21 } 22 </style> 23 24 Both boxes should render the same: 25 26 <div id=ref> 27 <p>foo<span>א</span>bar</p> 28 <p>foo<span>בא</span>bar</p> 29 <p>foo<span>גבא</span>bar</p> 30 <p>foo<span>דגבא</span>bar</p> 31 </div> 32 33 <div id=ref> 34 <p>foo<span>א</span>bar</p> 35 <p>foo<span>בא</span>bar</p> 36 <p>foo<span>גבא</span>bar</p> 37 <p>foo<span>דגבא</span>bar</p> 38 </div>