blob: 4c65afe4c43387228c826ed4a45e4a2f4fc4cc2d [file] [log] [blame]
<!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>