| OLD | NEW | 
|---|
| 1 <!doctype html> | 1 <!doctype html> | 
| 2 <head> | 2 <head> | 
| 3 <style> | 3 <style> | 
| 4 div { border:5px solid maroon; -webkit-column-count:2; width:750px; margin: 1em 
     0 } | 4 div { border:5px solid maroon; -webkit-column-count:2; width:750px; margin: 1em 
     0 } | 
| 5 div::before { display: block; background-color:yellow; content: "Before Generate
     d Content" } | 5 div::before { display: block; background-color:yellow; content: "Before Generate
     d Content" } | 
| 6 div::after { display: block; height:20px; background-color:yellow; content: "Aft
     er Generated Content" } | 6 div::after { display: block; height:20px; background-color:yellow; content: "Aft
     er Generated Content" } | 
| 7 h2 { -webkit-column-span: all; background-color:#eeeeee } | 7 h2 { -webkit-column-span: all; background-color:#eeeeee } | 
| 8 </style> | 8 </style> | 
| 9 </head> | 9 </head> | 
| 10 <body> | 10 <body> | 
| (...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 124 | 124 | 
| 125 </div> | 125 </div> | 
| 126 | 126 | 
| 127 <script> | 127 <script> | 
| 128 var six = document.getElementById('six'); | 128 var six = document.getElementById('six'); | 
| 129 six.insertBefore(document.getElementById('base').cloneNode(true), document.getEl
     ementById('beforefour')); | 129 six.insertBefore(document.getElementById('base').cloneNode(true), document.getEl
     ementById('beforefour')); | 
| 130 </script> | 130 </script> | 
| 131 | 131 | 
| 132 </body> | 132 </body> | 
| 133 </html> | 133 </html> | 
| OLD | NEW | 
|---|