text-combine-upright-layout-rules-001.html (1048B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Writing Modes: Layout rules of text-combine-upright</title> 6 <link rel="author" title="Masataka Yakura" href="https://google.com/+MasatakaYakura"> 7 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> 8 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-layout"> 9 <link rel="match" href="reference/text-combine-upright-layout-rules-001-ref.html"> 10 <meta name="assert" content="Anything outside the 1em-composition does not affect layout."> 11 <meta name="flags" content="ahem"> 12 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 13 <style> 14 #container { 15 writing-mode: vertical-rl; 16 font: 50px/1 Ahem; 17 } 18 #container > div { 19 margin:.2em; 20 } 21 .tcy { 22 text-combine-upright: all; 23 color:transparent; 24 } 25 </style> 26 </head> 27 <body> 28 <p>Test passes if there are 2 <strong>identical</strong> hollow squares.</p> 29 <div id="container"> 30 <div>AAA<br>A<span class="tcy">12345</span>A<br>AAA</div> 31 <div>AAA<br>A A<br>AAA</div> 32 </div> 33 </body> 34 </html>