<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSS Test: text-combine-upright, whitespace inside tcy with insufficient line space</title> <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-layout"> <link rel="match" href="text-combine-upright-break-inside-001-ref.html"> <meta name="assert" content="line should never be broken inside text-combine-upright text node"> <link rel="stylesheet" href="support/tcy.css"> <style> .test { writing-mode: vertical-rl; } .test > p { height: 3em; margin: 0 5em; } .tcy, .fake-tcy { color: transparent; } </style> </head> <body> <p>Test passes if the two columns are identical.</p> <div class="test"> <p>XXXXX<span class="tcy">X X</span>XXXXX</p> <p style="white-space: nowrap">XXXXX<span class="fake-tcy">X</span>XXXXX</p> </div> </body> </html>