<!DOCTYPE html> <html class="reftest-wait"> <head> <meta charset="utf-8"> <style> .v-lr { writing-mode:vertical-lr; } .v-rl { writing-mode:vertical-rl; } div { width: 300px; height: 200px; background: #ddd; margin: 50px; text-rendering: optimizeLegibility; } </style> <script> function doTest() { document.getElementById("test").textContent = "New text inserted by script, to cause a reflow that slides the following lines."; document.documentElement.removeAttribute("class"); } </script> </head> <body onload="doTest()"> <div class="v-lr"> First part of the block. <i id="test"></i> We will insert enough new content that it wraps onto additional lines. <br><br> Here is some more text that follows a forced break. Observe what happens to it when text is added earlier. </div> </body> </html>