gecko-dev/layout/html/tests/block/i-relative-pos.html

51 lines
1.1 KiB
HTML
Raw Normal View History

1998-12-05 19:13:58 +00:00
<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;
opacity: 75%;
margin: 0;
padding: 10px;
position: relative;
top: -3em;
left: 5px;
}
</STYLE>
</HEAD>
<BODY>
<B>
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.
This paragraph is in-flow, but relatively positioned.
This paragraph is in-flow, but relatively positioned.
</P>
This text is in-flow normal.
This text is in-flow normal.
<SPAN CLASS=rel2>
This span is in-flow, but relatively positioned.
This span is in-flow, but relatively positioned.
This span is in-flow, but relatively positioned.
</SPAN>
This text is in-flow normal.
</B>
</BODY>
</HTML>