gecko-dev/layout/html/tests/block/relative-pos.html
kipp%netscape.com 2f392118fc new
1998-12-05 19:13:58 +00:00

47 lines
914 B
HTML

<HTML>
<HEAD>
<STYLE type="text/css">
.rel {
background-color: khaki;
opacity: 75%;
margin: 0;
padding: 10px;
position: relative;
top: -3em;
left: 5px;
}
.rel2 {
background-color: green;
border: solid 2px black;
opacity: 75%;
margin: 0;
padding: 10px;
position: relative;
left: -50px;
}
</STYLE>
</HEAD>
<BODY>
This text is in-flow normal.
This text is in-flow normal.
This text is in-flow normal.
This text is in-flow normal.
This text is in-flow normal.
This text is in-flow normal.
This text is in-flow normal.
This text is in-flow normal.
This text is in-flow normal.
<P CLASS=rel>
This paragraph is in-flow, but relatively positioned up and
to the left by 1em.
</P>
<NOBR>
(in-flow normal)
<SPAN CLASS=rel2>
relatively positioned span.
</SPAN>
(in-flow normal)
</NOBR>
</BODY>
</HTML>