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

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