| OLD | NEW | 
| (Empty) |  | 
 |   1 <!DOCTYPE html> | 
 |   2 <html> | 
 |   3     <head> | 
 |   4         <title>Changing writing mode on the first region</title> | 
 |   5     </head> | 
 |   6     <body style="color:black; background:white;"> | 
 |   7         <p>Below you should see the word 'PASS' on a lime background.</p> | 
 |   8         <div id="container" style="width:20em; height:20em; line-height:2em;"> | 
 |   9             <div style="-webkit-flow-into:thread;"> | 
 |  10                 <br> | 
 |  11                 <div style="-webkit-region-break-after:always;"></div> | 
 |  12                 <div style="-webkit-writing-mode:horizontal-tb;">PASS</div> | 
 |  13             </div> | 
 |  14             <div style="-webkit-flow-from:thread; background:black;"></div> | 
 |  15             <div style="-webkit-flow-from:thread; background:lime;"></div> | 
 |  16         </div> | 
 |  17         <script> | 
 |  18             document.getElementById('container').offsetLeft; // Make sure we hav
    e laid out. | 
 |  19             document.getElementById('container').style.WebkitWritingMode = 'vert
    ical-rl'; | 
 |  20         </script> | 
 |  21     </body> | 
 |  22 </html> | 
| OLD | NEW |