| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 3 <body style="font-family: ahem; -webkit-font-smoothing: none;"> | 3 <body style="font-family: ahem; -webkit-font-smoothing: none;"> | 
| 4 <style> | 4 <style> | 
| 5 #container { -webkit-column-width: 100px; } | 5 #container { -webkit-column-width: 100px; } | 
| 6 #div1 { -webkit-column-span: all; } | 6 #div1 { -webkit-column-span: all; } | 
| 7 #flexbox1 { color: white; } | 7 #flexbox1 { color: white; } | 
| 8 </style> | 8 </style> | 
| 9 <script> | 9 <script> | 
| 10 document.body.offsetTop; | 10 document.body.offsetTop; | 
| 11 var container = document.createElement('div'); | 11 var container = document.createElement('div'); | 
| 12 container.setAttribute('id', 'container'); | 12 container.setAttribute('id', 'container'); | 
| 13 document.body.appendChild(container); | 13 document.body.appendChild(container); | 
| 14 flexbox1 = document.createElement('div'); | 14 flexbox1 = document.createElement('div'); | 
| 15 flexbox1.setAttribute('id', 'flexbox1'); | 15 flexbox1.setAttribute('id', 'flexbox1'); | 
| 16 container.appendChild(flexbox1); | 16 container.appendChild(flexbox1); | 
| 17 var div1 = document.createElement('div'); | 17 var div1 = document.createElement('div'); | 
| 18 div1.setAttribute('id', 'div1'); | 18 div1.setAttribute('id', 'div1'); | 
| 19 flexbox1.style.display = '-webkit-flexbox'; | 19 flexbox1.style.display = '-webkit-flexbox'; | 
| 20 flexbox1.appendChild(document.createTextNode('a')); | 20 flexbox1.appendChild(document.createTextNode('a')); | 
| 21 flexbox1.appendChild(div1); | 21 flexbox1.appendChild(div1); | 
| 22 flexbox1.appendChild(document.createTextNode('b')); | 22 flexbox1.appendChild(document.createTextNode('b')); | 
| 23 </script> | 23 </script> | 
| 24 </body> | 24 </body> | 
| 25 </html> | 25 </html> | 
| OLD | NEW | 
|---|