text-combine-upright-line-breaking-rules-001.html (1239B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Writing Modes: line-breaking-rules</title> 6 <link rel="author" title="Shinsuke Matsuki" href="mailto:shinsuke.matsuki@access-company.com"> 7 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> 8 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-layout" title="9.1.2. Layout Rules"> 9 <link rel="match" href="text-combine-upright-line-breaking-rules-001-ref.html"> 10 <meta name="assert" content="The bracket should be combined with following characters."> 11 <style> 12 @font-face { 13 font-family: "orientation"; 14 src: url("/fonts/adobe-fonts/CSSHWOrientationTest.otf"); 15 } 16 .vrl { 17 border:solid; 18 font-family:orientation; 19 font-size:60px; 20 height:2em; 21 margin:.2em; 22 writing-mode:vertical-rl; 23 } 24 .tcy { 25 text-combine-upright:all; 26 } 27 .ref { 28 white-space: nowrap; 29 } 30 </style> 31 </head> 32 <body> 33 <p>Test passes two blocks look identical. 34 If the right most columns do not match, the test is invalid.</p> 35 <div class=vrl>あああああああああああああああ「<span class=tcy>12</span></div> 36 <div class="vrl ref">ああああああああ<br>あああああああ<br>「<span class=tcy>12</span></div> 37 </body> 38 </html>