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

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