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>
55