<!DOCTYPE HTML> <html> <head> <!-- Test that removing a block element can create frames for text around it --> <style> body > div { border:1px solid black; margin:1em; font-family:sans-serif; letter-spacing:2px; } </style> <script> function remove(id) { var e = document.getElementById(id); e.parentNode.removeChild(e); } function loaded() { document.body.offsetHeight; remove("d1"); remove("d2"); remove("d3"); remove("d4"); } </script> </head> <body onload="loaded()"> <div><span>Hello</span><div id="d1">X</div> <span>Kitty</span></div> <div><span>Hello</span> <div id="d2">X</div><span>Kitty</span></div> <!-- we'll create frames here, but they won't make a difference to the rendering --> <div><div id="d3">X</div> <span>Hello</span> <span>Kitty</span></div> <div><span>Hello</span> <span>Kitty</span> <div id="d4">X</div></div> </body> </html>