third_party/WebKit/LayoutTests/fast/block/float/025.html

   1 <html>
   2 <head>
   3 <style>
   4 .float {
   5   width:200px;
   6   height:200px;
   7   background-color:red;
   8   float:left;
   9 }
  10
  11 .container {
  12   height:200px;
  13 }
  14
  15 .pct { width:50%; }
  16
  17 table { border:2px solid green; }
  18
  19 img { display: block; height:50px; background-color: green }
  20
  21 .overflow { border:2px solid blue; overflow:scroll }
  22 </style>
  23 </head>
  24
  25 <body>
  26
  27 <div class="container">
  28 <div class="float"></div>
  29 <table>
  30 <tr><td>This is a table. It should sit on the same line as the float and wrap as needed to fit
  31 within the remaining line width.
  32 </table>
  33 </div>
  34
  35 <div class="container">
  36 <div class="float"></div>
  37 <div class="overflow">
  38 This is an overflow:scroll region. It should sit on the same line as the float and wrap as needed to fit
  39 within the remaining line width.
  40 </div>
  41 </div>
  42
  43 <div class="container">
  44 <div class="float"></div>
  45 <hr>
  46 </div>
  47
  48 <div class="container">
  49 <div class="float"></div>
  50 <table class="pct">
  51 <tr><td>This is a table. It should sit on the same line as the float and wrap as needed to fit
  52 within the remaining line width.
  53 </table>
  54 </div>
  55
  56 <div class="container">
  57 <div class="float"></div>
  58 <div class="overflow pct">
  59 This is an overflow:scroll region. It should sit on the same line as the float and wrap as needed to fit
  60 within the remaining line width.
  61 </div>
  62 </div>
  63
  64 <div class="container">
  65 <div class="float"></div>
  66 <hr class="pct" align=left>
  67 </div>
  68
  69 <div class="container">
  70 <div class="float"></div>
  71 <img class="pct">
  72 </div>
  73
  74 </div>