layout/reftests/pagination/content-inserted-004.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 Inserted in Pagination after ::before</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:before {
  25       display: block;
  26       height: 201px;
  27       content: "";
  28       border-bottom: 4px solid blue;
  29     }
  30
  31     #shift {
  32       height: 220px;
  33       border-top: 4px solid blue;
  34     }
  35 </style>
  36 </head>
  37
  38 <body onload="document.getElementById('x').insertBefore(document.createTextNode('This must be in the second column between two 4px blue lines.'), document.getElementById('shift'))">
  39
  40 <div id="colset">
  41   <div id="x"><div id="shift"></div></div>
  42 </div>
  43
  44 </body>
  45
  46 </html>