src/third_party/WebKit/LayoutTests/fast/block/strip-anonymous-blocks-when-block-child-becomes-float.html

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         margin: 0;
   5         padding: 0;
   6     }
   7     #container {
   8         position: relative;
   9         background: #ccc;
  10         font: 20px Ahem;
  11     }
  12     #floater {
  13         float: none;
  14     }
  15 </style>
  16 <script src="../../resources/check-layout.js"></script>
  17 <body>
  18     <p> When a block element becomes a float we should strip any anonymous blocks wrapping its inline siblings.</p>
  19     <div id="container">
  20         <span id="content">
  21             Some<br />
  22             content<br />
  23             here.
  24         </span>
  25         <div id="floater" data-offset-y=40>
  26             Should appear inside grey box.
  27         </div>
  28     </div>
  29     <script>
  30         document.body.offsetTop;
  31         document.getElementById('floater').style.float = 'right';
  32         onload = function() { checkLayout('#container'); }
  33     </script>
  34 </body>
  35
  36