| <!DOCTYPE html> |
| <!-- You should see green A, followed by orange ABCD, followed by blue EFGH and green IJKL. None of these should be repeated and all should be of 40px size. --> |
| <html> |
| <body style="font-family: ahem; font-size: 10px; -webkit-font-smoothing: none;"> |
| <style> |
| #test::before { |
| content: "EFGH"; |
| color: blue; |
| } |
| </style> |
| <div style="display: run-in; color: orange">ABCD</div><div id="test" style="color: green"><div style="float:left">A</div>IJKL</div> |
| <script> |
| document.body.offsetTop; |
| document.body.style.fontSize = "40px"; |
| </script> |
| </body> |
| </html> |