LayoutTests/css2.1/t0905-c5525-fltcont-00-d-g.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3  <head>
   4   <title>CSS 2.1 Test Suite: float</title>
   5   <style type="text/css">
   6    p { margin: 0; padding: 0; text-align: justify;}
   7    .eight {float: left; width: 25%; color: white;
   8            background: navy url(support/square-purple.png) top right no-repeat;
   9            padding: 0; margin: 0}
  10    .nine {float: right; width: 50%;
  11           background-color: teal; color: aqua;
  12           padding: 0; margin: 0}
  13    span { color: navy; }
  14   </style>
  15   <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats">
  16   <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property">
  17  </head>
  18  <body>
  19   <div style="width: 75%" class="eight">
  20    <div style="margin-right: 17px" class="nine">
  21     <p>
  22      To the right of this teal box there should be a purple square,
  23      tightly squeezed in between the edge of the teal box and the
  24      outside edge of the blue block. ⇨
  25     </p>
  26    </div>
  27    <p>
  28     Inside this blue block on the right there should be a teal box. ⇨
  29     <span>
  30      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  31      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  32      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  33      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  34      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  35      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  36      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  37      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  38      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  39      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  40      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  41      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  42      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
  43     </span>
  44    </p>
  45   </div>
  46  </body>
  47 </html>