1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Relative positioning test</title>
<style type="text/css">
.rel { border: dotted thin cyan; position: relative; top: 10px; left: 20px }
</style>
</head>
<body>
<h1>Relative positioning test</h1>
<p>Pellentesque pulvinar, lacus vitae imperdiet posuere, nibh urna
elementum arcu, at interdum metus nibh et velit. Donec vitae est. Aliquam
consequat, arcu quis accumsan fringilla, eros eros pretium enim, in
elementum ante lorem a felis.</p>
<p class="rel">Etiam mauris orci, ultrices ut, laoreet id, lobortis quis,
mauris. Duis elit lorem, elementum a, lobortis vitae, pretium non, wisi.
Sed vel arcu nec justo suscipit semper. Fusce ante arcu, commodo pretium,
tincidunt in, rutrum et, ligula. Nunc at tellus.
<p>Praesent tincidunt eros eget diam. Praesent vel odio. Morbi adipiscing.
<em class="rel">Cras quis wisi in nunc hendrerit bibendum. Pellentesque
dictum nibh nec dolor. Nam luctus nibh sed mi.</em> Duis sit amet quam et
magna facilisis luctus.</p>
<hr>
<table>
<tr>
<th>Table</th>
</tr>
<tr>
<td>Praesent tincidunt eros eget diam. Praesent vel odio. Morbi
adipiscing. <em class="rel">Cras quis wisi in nunc hendrerit bibendum.
Pellentesque dictum nibh nec dolor. Nam luctus nibh sed mi.</em> Duis
sit amet quam et magna facilisis luctus.</td>
</tr>
</table>
</body>
</html>
|
