layout/reftests/bugs/495385-4.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <!-- Test that inserting inline content can create frames for text around it
   5      when there are <br>s -->
   6 <style>
   7 body > div { border:1px solid black; margin:1em; }
   8 </style>
   9 <script>
  10 function makeSpan(text) {
  11   var e = document.createElement("span");
  12   e.textContent = text;
  13   return e;
  14 }
  15 function loaded() {
  16   var d3 = document.getElementById("d3");
  17   d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling);
  18   var d4 = document.getElementById("d4");
  19   d4.insertBefore(makeSpan("Kitty"), d4.lastChild);
  20 }
  21 </script>
  22 </head>
  23 <body onload="loaded()">
  24   <div id="d3"><br> <span>Kitty</span></div>
  25   <div id="d4"><span>Hello</span> <br></div>
  26 </body>
  27 </html>