1089388-2.html (819B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 .v-lr { writing-mode:vertical-lr; } 7 .v-rl { writing-mode:vertical-rl; } 8 9 div { 10 width: 300px; 11 height: 200px; 12 background: #ddd; 13 margin: 50px; 14 text-rendering: optimizeLegibility; 15 } 16 </style> 17 18 <script> 19 function doTest() { 20 document.getElementById("test").textContent = 21 "New text inserted by script, to cause a reflow that slides the following lines."; 22 document.documentElement.removeAttribute("class"); 23 } 24 </script> 25 26 </head> 27 28 <body onload="doTest()"> 29 30 <div class="v-rl"> 31 First part of the block. 32 <i id="test"></i> 33 We will insert enough new content that it wraps onto additional lines. 34 <br><br> 35 Here is some more text that follows a forced break. 36 Observe what happens to it when text is added earlier. 37 </div> 38 39 </body> 40 </html>