third_party/WebKit/LayoutTests/fast/block/float/floats-wrap-inside-inline-004.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: Test for wrapping around floats which are overlapped by the element that must avoid them</title>
   5     <link rel="author" title="WebKit" href="http://webkit.org/">
   6     <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats">
   7     <style type="text/css">
   8         body { width: 400px; background: white}
   9         span { display: inline-block; vertical-align: top; width: 40px; background: black;}
  10     </style>
  11 </head>
  12 <body>
  13 <!--The span should avoid a float even when its top and bottom does not overlap with the top of the span.
  14     In this test the float overlaps inside the span and the span has height set by its style.-->
  15 <p>There should be two black boxes below.</p>
  16 <div style="position: absolute; width: 40px; height: 40px; background: black;"></div>
  17 <div style="float: left; width: 40px; height: 15px;  background: white"></div>
  18 <div style="float: left; clear:left; width: 50px; height: 25px; background: white"></div>
  19 <span style="height: 20px; margin: 0px;"></span>
  20
  21 </body></html>