123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>Content Appended in Pagination before ::after</title>
- <style type="text/css">
- body {
- font-size: 16px;
- }
- #colset {
- height: 200px;
- width: 450px;
- -moz-column-width: 150px;
- -moz-column-gap: 0;
- -moz-column-fill: auto;
- border: 3px solid silver;
- }
- #x {
- height: 500px;
- }
- #x:after {
- display: block;
- content: "";
- border-top: 4px solid blue;
- }
- #shift {
- height: 201px;
- border-bottom: 4px solid blue;
- }
- </style>
- </head>
- <body onload="document.getElementById('x').appendChild(document.createTextNode('This must be in the second column between two 4px blue lines.'))">
- <div id="colset">
- <div id="x">
- <div id="shift"></div>
- </div>
- </div>
- </body>
- </html>
|