﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
  <title>CSS 2.1 Test Suite: Floating Elements</title>
  <style type="text/css">
   p { color: navy; }
   .test { width: 15em; margin: 1em; padding: 0; background: white; color: white; }
   .test p { margin: 0; padding: 0.01em; }
   .test p.left { float: left; }
   .test p.right { float: right; width: 14.98em; background: teal; color: aqua; text-align: center; }
  </style>
  <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats">
 </head>
 <body>
  <p>The word &quot;fail" should not appear below.</p>
  <div class="test">
   <p class="left"> TEST: </p>
   <p class="right"> PASS </p>
   fail fail fail fail fail fail fail fail fail fail
   fail fail fail fail fail fail fail fail fail fail
   fail fail fail fail fail fail fail fail fail fail
   fail fail fail fail fail fail fail fail fail fail
   fail fail fail fail fail fail fail fail fail fail
  </div>
  <!-- this test actually failed in Mozilla once -->
 </body>
</html>