| OLD | NEW | 
 | (Empty) | 
|   1 <!doctype html> |  | 
|   2 <html style="-webkit-writing-mode: vertical-rl; font: 16px/1.25 monospace;"> |  | 
|   3     <head> |  | 
|   4         <style> |  | 
|   5             #content { |  | 
|   6                 -webkit-flow-into: flow; |  | 
|   7             } |  | 
|   8             .overflow { color: orange; } |  | 
|   9             #content > p { margin: 0; } |  | 
|  10  |  | 
|  11             #region1, #region2 { -webkit-flow-from: flow; width: 100px; height: 
    100px; } |  | 
|  12             #region1 { position: absolute; right: 200px; top: 100px; border: 5px
     solid green;} |  | 
|  13             #region2 { position: absolute; right: 350px; top: 100px; border: 5px
     solid blue;} |  | 
|  14         </style> |  | 
|  15     </head> |  | 
|  16     <body> |  | 
|  17         <p>Test that overflow content for the last region in chain is correctly 
    displayed in different writing modes.</p> |  | 
|  18         <p>On success, the orange lines of text should be visible above the blue
     border rectangle.</p> |  | 
|  19         <div id="content"> |  | 
|  20             <p>Linetext1</p> |  | 
|  21             <p>Linetext2</p> |  | 
|  22             <p>Linetext3</p> |  | 
|  23             <p>Linetext4</p> |  | 
|  24             <p>Linetext5</p> |  | 
|  25             <p>Linetext6</p> |  | 
|  26             <p>Linetext7</p> |  | 
|  27             <p>Linetext8</p> |  | 
|  28             <p>Linetext9</p> |  | 
|  29             <p>Linetext10</p> |  | 
|  30             <br/> |  | 
|  31             <p class="overflow">Overflow11</p> |  | 
|  32             <p class="overflow">Overflow12</p> |  | 
|  33         </div> |  | 
|  34         <div id="region1"></div> |  | 
|  35         <div id="region2"></div> |  | 
|  36     </body> |  | 
|  37 </html> |  | 
| OLD | NEW |