third_party/WebKit/LayoutTests/css2.1/t0905-c5525-fltwrap-00-b.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; font-size: 3em; }
   7    .eight {float: left; width: 25%;
   8            background-color: #000080; color: white;
   9            padding: 0; margin: 0}
  10    .nine {float: right; width: 25%;
  11           background-color: teal; color: white;
  12           padding: 0; margin: 0}
  13   </style>
  14   <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats">
  15  </head>
  16  <body>
  17   <div class="eight">
  18    <p>
  19     ⇦ This blue box should be on the left.
  20    </p>
  21   </div>
  22   <div class="nine">
  23    <p>
  24     This teal box should be on the right. ⇨
  25    </p>
  26   </div>
  27   <p>
  28    This text should be in between a blue box on the ⇦left and a teal box on the right⇨.
  29   </p>
  30  </body>
  31 </html>