Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
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>
6 <style type="text/css">
7 body {
8 font-size: 16px;
9 }
11 #colset {
12 height: 200px;
13 width: 450px;
14 -moz-column-width: 150px;
15 -moz-column-gap: 0;
16 -moz-column-fill: auto;
17 border: 3px solid silver;
18 }
20 #x {
21 height: 500px;
22 }
24 #x:after {
25 display: block;
26 height: 220px;
27 content: "";
28 border-top: 4px solid blue;
29 }
31 #shift {
32 height: 201px;
33 border-bottom: 4px solid blue;
34 }
35 </style>
36 </head>
38 <body onload="document.getElementById('x').appendChild(document.createTextNode('This must be in the second column between two 4px blue lines.'))">
40 <div id="colset">
41 <div id="x">
42 <div id="shift"></div>
43 </div>
44 </div>
46 </body>
48 </html>