content-inserted-007.xhtml (1144B)
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>