1089388-1-ref.html (628B)
1 <!DOCTYPE html> 2 <html> 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 </head> 18 19 <body> 20 21 <div class="v-lr"> 22 First part of the block. 23 <i id="test">New text inserted by script, to cause a reflow that slides the following lines.</i> 24 We will insert enough new content that it wraps onto additional lines. 25 <br><br> 26 Here is some more text that follows a forced break. 27 Observe what happens to it when text is added earlier. 28 </div> 29 30 </body> 31 </html>