text-combine-upright-layout-rules-001-ref.html (757B)
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 <meta name="flags" content="ahem"> 9 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 10 <style> 11 #container { 12 writing-mode: vertical-rl; 13 font: 50px/1 Ahem; 14 } 15 #container > div { 16 margin:.2em; 17 } 18 .tcy { 19 text-combine-upright: all; 20 color:transparent; 21 } 22 </style> 23 </head> 24 <body> 25 <p>Test passes if there are 2 <strong>identical</strong> hollow squares.</p> 26 <div id="container"> 27 <div>AAA<br>A A<br>AAA</div> 28 <div>AAA<br>A A<br>AAA</div> 29 </div> 30 </body> 31 </html>