layout/reftests/pagination/content-inserted-006.xhtml

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3  <head>
   4   <title>Content Appended in Pagination before ::after (alternate)</title>
   5
   6   <style type="text/css">
   7     body {
   8       font-size: 16px;
   9     }
  10
  11     #colset {
  12       height: 200px;
  13       width: 450px;
  14       column-width: 150px;
  15       column-gap: 0;
  16       column-fill: auto;
  17       border: 3px solid silver;
  18     }
  19
  20     #x {
  21       height: 500px;
  22     }
  23
  24     #x:after {
  25       display: block;
  26       height: 220px;
  27       content: "";
  28       border-top: 4px solid blue;
  29     }
  30
  31     #shift {
  32       height: 201px;
  33       border-bottom: 4px solid blue;
  34     }
  35
  36     #overflow {
  37       height: 700px;
  38     }
  39 </style>
  40 </head>
  41
  42 <body onload="document.getElementById('x').appendChild(document.createTextNode('This must be in the second column between two 4px blue lines.'))">
  43
  44 <div id="colset">
  45   <div id="x">
  46     <div id="shift">
  47       <div id="overflow"></div>
  48     </div
  49   ></div>
  50 </div>
  51
  52 </body>
  53
  54 </html>