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

   1 <html><head>
   2
   3
   4 <style>
   5
   6 #maincontent {
   7     width:500px;
   8     float:left;
   9     background-color:red;
  10 }
  11
  12 .leftchunk {
  13     float:left;
  14     background-color:orange;
  15     width:250px;
  16     height:300px;
  17 }
  18
  19
  20 .rightchunk {
  21     float:left;
  22     background-color: red;
  23 }
  24
  25 #child1 {
  26     width:250px;
  27     float:left;
  28     height:40px;
  29     background-color: yellow;
  30 }
  31
  32 #child2 {
  33     float:left;
  34     clear:left;
  35     width:250px;
  36     height:260px;
  37     background-color: olive;
  38 }
  39
  40 </style>
  41
  42 </head>
  43
  44 <p>You should see a 500x300 rectangle with orange, yellow and olive rects.  No red should be visible or the test has failed.
  45 </p>
  46
  47 <div id="maincontent">
  48
  49 <div class="leftchunk"></div>
  50
  51 <div class="rightchunk">
  52 <div id="child1"></div>
  53 <div id="child2"></div>
  54 </div>
  55
  56