third_party/WebKit/LayoutTests/fast/block/float/015.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
   2 <HTML>
   3 <HEAD>
   4 <TITLE>CSS1 Test Suite: 5.5.26 clear</TITLE>
   5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   6 <META http-equiv="Content-Style-Type" content="text/css">
   7
   8 <LINK rel="stylesheet" type="text/css" media="screen" href="resources/base.css">
   9 <STYLE type="text/css">
  10 .one {clear: left;}
  11 .two {clear: right;}
  12 .three {clear: both;}
  13 .four {clear: none;}
  14 img { background-color: orange; }</STYLE>
  15
  16 </HEAD>
  17 <BODY><TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  18 <TR>
  19 <TD bgcolor="silver">&nbsp;</TD>
  20 <TD><IMG SRC="resources/vblank.gif" height="50" align="left" alt="[Image]">
  21 <p >
  22 This text should be flowing past a tall orange rectangle on the left side of the browser window.
  23 </p>
  24 <div style="background-color:green"><BR clear="all"></div>
  25 <IMG SRC="resources/vblank.gif" height="50" align="left" alt="[Image]">
  26  <div class="one">
  27 This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it.
  28 </div>
  29
  30 </TD></TR></TABLE></BODY>
  31 </HTML>