| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html style="font-family: ahem; font-size: 50px; -webkit-font-smoothing: none;"> | 2 <html style="font-family: ahem; font-size: 50px; -webkit-font-smoothing: none;"> |
| 3 <!-- 'A' orange box followed by 'B' purple box in next line. --> | 3 <!-- 'A' orange box followed by 'B' purple box in next line. --> |
| 4 <body> | 4 <body> |
| 5 <style> | 5 <style> |
| 6 .li1 { display: run-in; color: orange; } | 6 .li1 { display: run-in; color: orange; } |
| 7 .div1::before { display: table-row; content: 'B'; color: purple; } | 7 .div1::before { display: table-row; content: 'B'; color: purple; } |
| 8 </style> | 8 </style> |
| 9 <script> | 9 <script> |
| 10 document.body.offsetTop; | 10 document.body.offsetTop; |
| 11 li1 = document.createElement('li'); | 11 li1 = document.createElement('li'); |
| 12 li1.setAttribute('class', 'li1'); | 12 li1.setAttribute('class', 'li1'); |
| 13 li1.appendChild(document.createTextNode('A')); | 13 li1.appendChild(document.createTextNode('A')); |
| 14 document.body.appendChild(li1); | 14 document.body.appendChild(li1); |
| 15 div1 = document.createElement('div'); | 15 div1 = document.createElement('div'); |
| 16 document.body.appendChild(div1); | 16 document.body.appendChild(div1); |
| 17 document.body.offsetTop; | 17 document.body.offsetTop; |
| 18 div1.setAttribute('class', 'div1'); | 18 div1.setAttribute('class', 'div1'); |
| 19 </script> | 19 </script> |
| 20 </body> | 20 </body> |
| 21 </html> | 21 </html> |
| OLD | NEW |