css1/box_properties/float.html

<!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>