<!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>