| <!DOCTYPE html> | |
| <html style="font-family: ahem; font-size: 50px; -webkit-font-smoothing: none;"> | |
| <!-- WebKit bug 86387 - Move run-in handling to addChild, instead of in layout. --> | |
| <!-- 'A' should be on its own line, followed by run-in 'B' and 'C' in the next line --> | |
| <style> | |
| .runin { display: run-in; } | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <div id="div3" style="color: purple">C</div> | |
| </div> | |
| </body> | |
| <script> | |
| document.body.offsetTop; | |
| div1 = document.createElement('div'); | |
| div1.setAttribute('class', 'runin'); | |
| div1.style.color = 'green'; | |
| div1.appendChild(document.createTextNode('A')); | |
| div2 = document.createElement('div'); | |
| div2.setAttribute('class', 'runin'); | |
| div2.style.color = 'orange'; | |
| div2.appendChild(document.createTextNode('B')); | |
| div3 = document.getElementById('div3'); | |
| document.body.offsetTop; | |
| div3.parentNode.insertBefore(div2, div3); | |
| document.body.offsetTop; | |
| div3.parentNode.insertBefore(div1, div2); | |
| </script> | |
| </html> |