27 lines
686 B
HTML
27 lines
686 B
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
|
|
|
<TITLE>Mozilla Tests: 'clear'</TITLE>
|
|
|
|
<STYLE type="text/css">
|
|
P { margin: 30px; }
|
|
.clear { clear: both; color: navy; background: white; }
|
|
</STYLE>
|
|
|
|
<H1>Clear as Mud</H1>
|
|
|
|
<P>Clear causes margins to be ignored.</P>
|
|
|
|
<P>There are no floats on this page. The only styles are: </P>
|
|
|
|
<PRE>
|
|
P { margin: 30px; }
|
|
.clear { clear: both; color: navy; background: white; }
|
|
</PRE>
|
|
|
|
<P>The next paragraph has a class of 'clear'. It should be the same
|
|
distance from this paragraph as it is from the paragraph following
|
|
it.</P>
|
|
|
|
<P class="clear">I have a class of clear!</P>
|
|
|
|
<P>Notice how the margins are dropped. They should not be.</P> |