| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- <!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;
- }
- </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-rl">
- 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>
|
