| <!DOCTYPE html> | |
| <!-- Test passes if you see three blue boxes in three seperate rows. --> | |
| <html style="font: 1em/1 Ahem, sans-serif;"> | |
| <style type="text/css"> | |
| .container:before { | |
| content: "ABCD"; | |
| display: table-cell; | |
| } | |
| .container:after { | |
| content: "EFGH"; | |
| display: table-cell; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div style="display: block">1234</div> | |
| </div> | |
| <script> | |
| document.body.offsetTop; | |
| document.body.style.color = 'blue'; | |
| </script> | |
| </html> |