<!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>
