layout/reftests/writing-mode/1089388-2-ref.html

   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-rl">
  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>