tcy-white-space-processing-003-ref.html (705B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Test Reference</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <style> 6 .v-rl { 7 writing-mode: vertical-rl; 8 width: 200px; 9 } 10 span { 11 display: inline-block; 12 height: 1em; 13 } 14 #test { color: blue; } 15 #test2 { color: brown; } 16 #ref { color: orange; } 17 .v-rl > div { 18 display: inline-block; 19 border: solid; 20 margin: 0 5px; 21 } 22 </style> 23 <p>Test passes if the blue, orange, brown boxes are identical. 24 25 <div class=v-rl> 26 <div id=test>あいう<span></span>えお<span></span></div> 27 <br> 28 <div id=test2>あいう<span></span>えお<span></span></div> 29 <br> 30 <div id=ref>あいう<span></span>えお<span></span></div> 31 </div>