<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Writing Modes: line-breaking-rules</title> <link rel="author" title="Shinsuke Matsuki" href="mailto:shinsuke.matsuki@access-company.com"> <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-layout" title="9.1.2. Layout Rules"> <link rel="match" href="text-combine-upright-line-breaking-rules-001-ref.html"> <meta name="assert" content="The bracket should be combined with following characters."> <style> @font-face { font-family: "orientation"; src: url("/fonts/adobe-fonts/CSSHWOrientationTest.otf"); } .vrl { border:solid; font-family:orientation; font-size:60px; height:2em; margin:.2em; writing-mode:vertical-rl; } .tcy { text-combine-upright:all; } .ref { white-space: nowrap; } </style> </head> <body> <p>Test passes two blocks look identical. If the right most columns do not match, the test is invalid.</p> <div class=vrl>あああああああああああああああ「<span class=tcy>12</span></div> <div class="vrl ref">ああああああああ<br>あああああああ<br>「<span class=tcy>12</span></div> </body> </html>