<!DOCTYPE HTML> <html> <head> <!-- Test that inserting inline content can create frames for text around it when there are <br>s --> <style> body > div { border:1px solid black; margin:1em; } </style> <script> function makeSpan(text) { var e = document.createElement("span"); e.textContent = text; return e; } function loaded() { var d3 = document.getElementById("d3"); d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling); var d4 = document.getElementById("d4"); d4.insertBefore(makeSpan("Kitty"), d4.lastChild); } </script> </head> <body onload="loaded()"> <div id="d3"><br> <span>Kitty</span></div> <div id="d4"><span>Hello</span> <br></div> </body> </html>