| <!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' green box, followed by 'B' orange box, followed by 'C' purple box in the same line. --> | |
| <style> | |
| .runin { display: run-in; color: green; } | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <div class="runin">A</div> | |
| <div id="test" style="color: purple">C</div> | |
| </div> | |
| </body> | |
| <script> | |
| document.body.offsetTop; | |
| test = document.getElementById('test'); | |
| span = document.createElement('span'); | |
| span.appendChild(document.createTextNode('B')); | |
| span.style.color = 'orange'; | |
| test.insertBefore(span, test.firstChild); | |
| </script> | |
| </html> |