text-combine-upright-rtl-001-ref.html (579B)
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 </style> 19 20 Both boxes should render the same: 21 22 <div> 23 <p>foo<span>1</span>bar</p> 24 <p>foo<span>12</span>bar</p> 25 <p>foo<span>123</span>bar</p> 26 <p>foo<span>1234</span>bar</p> 27 </div> 28 29 <div> 30 <p>foo<span>1</span>bar</p> 31 <p>foo<span>12</span>bar</p> 32 <p>foo<span>123</span>bar</p> 33 <p>foo<span>1234</span>bar</p> 34 </div>