text-combine-upright-break-inside-001a.html (920B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS Test: text-combine-upright, white-space: pre with new line</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 { white-space: pre; } 15 .tcy, .fake-tcy { color: transparent; } 16 </style> 17 </head> 18 <body> 19 <p>Test passes if the two columns are identical.</p> 20 <div class="test"> 21 <p>XXXXX<span class="tcy">X 22 X</span>XXXXX</p> 23 <p style="white-space: nowrap">XXXXX<span class="fake-tcy">X</span>XXXXX</p> 24 </div> 25 </body> 26 </html>