third_party/WebKit/LayoutTests/fast/multicol/float-edge-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     .multicol {
   4         width: 480px;
   5         height: 200px;
   6         border: 3px solid black;
   7         line-height: 20px;
   8     }
   9     .column {
  10         float: left;
  11         width: 160px;
  12     }
  13     .float {
  14         padding: 10px;
  15         background-color: skyblue;
  16     }
  17     .left { float: left; }
  18     .right { float: right; }
  19 </style>
  20
  21 <p>There should be two blue floats in each of the three columns below, L's should float to the left,
  22    and R's should float to the right.</p>
  23 <div class="multicol">
  24     <div class="column">
  25         First<br>
  26         First<br>
  27         First<br>
  28         First<br>
  29         <div class="float left">L1</div>
  30         <div class="float right">R1</div>
  31         First<br>
  32         First<br>
  33         First<br>
  34         First<br>
  35         First<br>
  36         First<br>
  37     </div>
  38     <div class="column">
  39         <div class="float left">L2</div>
  40         <div class="float right">R2</div>
  41         Second<br>
  42         Second<br>
  43         Second<br>
  44         Second<br>
  45         Second<br>
  46         Second<br>
  47         Second<br>
  48         Second<br>
  49         Second<br>
  50         Second<br>
  51     </div>
  52     <div class="column">
  53         Third<br>
  54         Third<br>
  55         Third<br>
  56         Third<br>
  57         Third<br>
  58         Third<br>
  59         Third<br>
  60         Third<br>
  61         <div class="float left">L3</div>
  62         <div class="float right">R3</div>
  63         Third<br>
  64         Third<br>
  65     </div>
  66 </div>