<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html><head><title>CSS1 Test Suite: 5.5.25 float</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" media="screen" href="../resources/base.css"> <style type="text/css"> .one {float: left;} .two {float: right;} </style></head> <body><p>The style declarations which apply to the text below are:</p> <pre>.one {float: left;} .two {float: right;} </pre> <hr> <img src="../resources/vblank.gif" class="one" alt="[Image]" height="50"> <p> This text should be flowing past a tall orange rectangle on the left side of the browser window. In this case, it is the image which has been floated to the left. </p> <br clear="all"><hr> <img src="../resources/vblank.gif" class="two" alt="[Image]" height="50"> <p> This text should be flowing past a tall orange rectangle on the right side of the browser window. In this case, it is the image which has been floated to the right. </p> <table border="1" cellspacing="0" cellpadding="3" class="tabletest"> <tbody><tr> <td colspan="2" bgcolor="silver"><strong>TABLE Testing Section</strong></td> </tr> <tr> <td bgcolor="silver"> </td> <td><img src="../resources/vblank.gif" class="one" alt="[Image]" height="50"> <p> This text should be flowing past a tall orange rectangle on the left side of the browser window. In this case, it is the image which has been floated to the left. </p> <br clear="all"><hr> <img src="../resources/vblank.gif" class="two" alt="[Image]" height="50"> <p> This text should be flowing past a tall orange rectangle on the right side of the browser window. In this case, it is the image which has been floated to the right. </p> </td></tr></tbody></table></body></html>