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 |