src/third_party/WebKit/LayoutTests/fast/regions/overflow-last-region-expected.html

   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>