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      padding: 0 10px;
28      white-space: pre;
29      font-size: 100px;
30      line-height: 1.9em;
31      color: white;
32      content: "a\a b\a c\a d\a";
33      border-bottom: 4px solid blue;
34    }
35
36    #shift {
37      height: 220px;
38      border-top: 4px solid blue;
39      position: relative;
40      z-index: 1;
41    }
42</style>
43</head>
44
45<body onload="document.getElementById('x').insertBefore(document.createTextNode('This must be in the second column between two 4px blue lines.'), document.getElementById('shift'))">
46
47<div id="colset">
48  <div id="x"><div id="shift"></div></div>
49</div>
50
51</body>
52
53</html>
54