third_party/WebKit/LayoutTests/fast/block/float/add-inline-between-floats-with-preceding-anonymous-box.html

   1 <!DOCTYPE html>
   2 <style>
   3 #a, #d {
   4     display: inline-block;
   5 }
   6 #b, #c {
   7     width:25px;
   8     height:50px;
   9     background: blue;
  10     float: left;
  11 }
  12 </style>
  13 <p>There should be a blue <em>square</em> below.</p>
  14 <div id="container">
  15     <div></div><div id="a"></div><div></div><div id="b"></div><div id="c"></div>
  16 </div>
  17 <script>
  18     document.body.offsetTop;
  19     var inline = document.createElement('div');
  20     inline.setAttribute("id", "d");
  21     container.insertBefore(inline, document.getElementById("c"));
  22 </script>