| 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 |