third_party/WebKit/LayoutTests/css1/box_properties/float.html

   1 <!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>
   2
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4 <meta http-equiv="Content-Style-Type" content="text/css">
   5
   6 <link rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
   7 <style type="text/css">
   8 .one {float: left;}
   9 .two {float: right;}
  10 </style></head>
  11
  12 <body><p>The style declarations which apply to the text below are:</p>
  13 <pre>.one {float: left;}
  14 .two {float: right;}
  15
  16 </pre>
  17 <hr>
  18 <img src="../resources/vblank.gif" class="one" alt="[Image]" height="50">
  19 <p> This text should be flowing past a tall orange rectangle on the left
  20 side of the browser window.  In this case, it is the image which has
  21 been floated to the left. </p>
  22 <br clear="all"><hr>
  23 <img src="../resources/vblank.gif" class="two" alt="[Image]" height="50">
  24 <p> This text should be flowing past a tall orange rectangle on the
  25 right side of the browser window.  In this case, it is the image which
  26 has been floated to the right. </p>
  27
  28
  29 <table border="1" cellspacing="0" cellpadding="3" class="tabletest">
  30 <tbody><tr>
  31 <td colspan="2" bgcolor="silver"><strong>TABLE Testing Section</strong></td>
  32 </tr>
  33 <tr>
  34 <td bgcolor="silver"> </td>
  35 <td><img src="../resources/vblank.gif" class="one" alt="[Image]" height="50">
  36 <p> This text should be flowing past a tall orange rectangle on the left
  37 side of the browser window.  In this case, it is the image which has
  38 been floated to the left. </p>
  39 <br clear="all"><hr>
  40 <img src="../resources/vblank.gif" class="two" alt="[Image]" height="50">
  41 <p> This text should be flowing past a tall orange rectangle on the
  42 right side of the browser window.  In this case, it is the image which
  43 has been floated to the right. </p>
  44 </td></tr></tbody></table></body></html>