| OLD | NEW | 
|---|
|  | (Empty) | 
| 1 <!doctype html> |  | 
| 2 <html style="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; top: 200px; left: 100px; border: 5px 
    solid green;} |  | 
| 10             #region2 { position: absolute; top: 350px; left: 100px; border: 5px 
    solid blue;} |  | 
| 11             #p1 { position: absolute; top: 475px; left: 105px; } |  | 
| 12             #p2 { position: absolute; top: 495px; left: 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 | 
|---|