text-combine-upright-break-inside-001.html (913B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS Test: text-combine-upright, whitespace inside tcy with insufficient line space</title> 6 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-layout"> 8 <link rel="match" href="text-combine-upright-break-inside-001-ref.html"> 9 <meta name="assert" content="line should never be broken inside text-combine-upright text node"> 10 <link rel="stylesheet" href="support/tcy.css"> 11 <style> 12 .test { writing-mode: vertical-rl; } 13 .test > p { height: 3em; margin: 0 5em; } 14 .tcy, .fake-tcy { color: transparent; } 15 </style> 16 </head> 17 <body> 18 <p>Test passes if the two columns are identical.</p> 19 <div class="test"> 20 <p>XXXXX<span class="tcy">X X</span>XXXXX</p> 21 <p style="white-space: nowrap">XXXXX<span class="fake-tcy">X</span>XXXXX</p> 22 </div> 23 </body> 24 </html>