writing-mode-horizontal-001r.html (807B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Writing Modes: text-combine-upright in horizontal writing mode</title> 6 <link rel="author" title="Masataka Yakura" href="http://google.com/+MasatakaYakura"> 7 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright"> 8 <link rel="match" href="reference/writing-mode-horizontal-001r-ref.html"> 9 <meta name="assert" content="text-combine-upright does not have an effect in horizontal writing modes."> 10 <style> 11 .test { 12 writing-mode: horizontal-tb; 13 font-size: 5em; 14 line-height: 1; 15 direction: rtl; 16 } 17 18 .tcy { 19 text-combine-upright: all; 20 } 21 </style> 22 </head> 23 <body> 24 25 <p>Test passes if the following texts are identical:</p> 26 27 <div class="test"> 28 <p><span class="tcy">2014</span></p> 29 <p>2014</p> 30 </div> 31 32 </body> 33 </html>