third_party/WebKit/LayoutTests/css2.1/20110323/floats-102.html

   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: CSS Floats: Nested floats (some inline content before nested float)</title>
   5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
   6   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/002-demo.html" type="text/html">
   7   <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats">
   8   <style type="text/css">
   9    div { border: 1px solid teal; padding: 4px; margin: 4px; }
  10    .left { float: left; }
  11    .right { float: right; }
  12    .size { width: 150px; height: 150px; }
  13   </style>
  14  </head>
  15  <body>
  16
  17   <p>The content before should be to the right of the inner square,
  18      and both it and the inner square should be surrounded by an outer box.</p>
  19
  20   <div class="left">content before <div class="size left"></div></div>
  21
  22  </body>
  23 </html>