text-combine-upright-gen-con-001-ref.html (641B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"/> 4 <title>CSS Writing Modes reference</title> 5 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"/> 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><span>1</span>test</p> 24 <p><span>(2)</span>test</p> 25 <p><span>(3.a)</span>test</p> 26 <p>你好<span>hello</span></p> 27 </div> 28 29 <div> 30 <p><span>1</span>test</p> 31 <p><span>(2)</span>test</p> 32 <p><span>(3.a)</span>test</p> 33 <p>你好<span>hello</span></p> 34 </div>