third_party/WebKit/LayoutTests/fast/block/float/floats-with-margin-should-not-wrap.html

   1 <!DOCTYPE>
   2 <html>
   3 <head>
   4 <style>
   5     body { zoom: 150%; }
   6     #container { float: left; }
   7     #container > div { float: left; height: 20px; width: 20px; margin-left: -1px; background: orange; }
   8     #bottom { clear: both; }
   9 </style>
  10 </head>
  11 <body>
  12
  13 <div id="container">
  14     <div>1</div>
  15     <div>2</div>
  16     <div>3</div>
  17 </div>
  18
  19 <div id="bottom">The three blocks above should all be on the same line.</div>
  20
  21 <script>
  22     if (window.testRunner)
  23         testRunner.dumpAsText();
  24
  25     var rect = document.getElementById('container').getBoundingClientRect();
  26     var height = rect.bottom - rect.top;
  27
  28     if (height == 20)
  29         str = 'PASS, the three blocks are all on the same line';
  30     else
  31         str = 'FAIL, expected the blocks to all be on one line';
  32
  33     document.getElementById('bottom').firstChild.nodeValue = str;
  34 </script>
  35
  36 </body>
  37 </html>