layout/reftests/pagination/content-inserted-009.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</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     #shift {
  21       height: 201px;
  22       border-bottom: 2px solid blue;
  23     }
  24     #overflow {
  25       height: 500px;
  26     }
  27     div:not([id]) {
  28       border-top: 2px solid blue;
  29     }
  30     #x {
  31       border-bottom: 4px solid blue;
  32     }
  33 </style>
  34 </head>
  35
  36 <body onload="document.getElementById('span').insertBefore(document.createElement('div'), document.getElementById('x'))">
  37
  38 <div id="colset">
  39   <span id="span">
  40     <div id="shift">
  41       <div id="overflow"></div>
  42     </div
  43     ><div id="x">This must be in the second column between two 4px blue lines.</div
  44   ></span
  45 ></div>
  46
  47 </body>
  48
  49 </html>