44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
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> |