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