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 |