| <!DOCTYPE html> |
| |
| <style> |
| #regionFlow { |
| -webkit-flow-from: flow2; |
| border: 1px solid brown; |
| width: 180px; |
| height: 140px; |
| padding: 5px; |
| } |
| |
| #article { |
| border: 2px solid green; |
| width: 210px; |
| height: 150px; |
| position: relative; |
| left: 30px; |
| top: 20px; |
| padding: 3px; |
| } |
| |
| #abs { |
| -webkit-flow-into: flow2; |
| border: 2px solid magenta; |
| position: absolute; |
| top: 10px; |
| left: 10px; |
| } |
| </style> |
| |
| <body> |
| <p>The test passes if all borders are completely visible and the text <span style="color:brown"><b>THE END</b></span> is visible</p> |
| <div id="regionFlow"></div> |
| |
| <div id="abs"> |
| <div id="article"> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span style="color:brown"><b>THE END</b></span>. |
| </div> |
| </div> |
| </body> |
