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

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