third_party/WebKit/LayoutTests/css2.1/20110323/floats-149.htm

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3  <head>
   4   <title>CSS Test: Empty inlines being displaced by floats</title>
   5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
   6   <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-07-01 -->
   7   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/049.html" type="text/html">
   8   <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats">
   9   <link rel="match" href="reference/floats-149-ref.htm">
  10
  11   <style type="text/css">
  12     .block { display: block; background: green; }
  13     .inline { display: inline; margin-left: 40px; }
  14     span { float: left; width: 50%; background: white; }
  15   </style>
  16  </head>
  17  <body>
  18   <div class="block">
  19    <div class="inline">
  20     <span>There should be a green bar to the right: ⇨</span>
  21     <span></span> <!-- this float should be on the second "line" -->
  22    </div>
  23   </div>
  24  </body>
  25 </html>