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
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Collapsing margin test</title>
</head>
<body>
<h1>Collapsing margin test</h1>
<div style="margin: 1.5em; background-color: #ddf">
<p>Aliquam ligula risus, pharetra non, dapibus eu, vestibulum et, pede. Donec
diam orci, consequat ut, scelerisque ut, vestibulum sed, felis. Quisque ipsum.
Donec vestibulum, nisl et porttitor feugiat, lacus velit sodales elit, non
interdum leo sem ac sapien. Donec risus tellus, convallis sit amet, congue
pellentesque, vestibulum sagittis, risus. Curabitur elementum. Suspendisse
gravida sem. Donec condimentum.</p>
<p style="margin: 0.5em; background-color: #dfd">Donec et erat. Cras nonummy.
Donec ut mi. In pharetra. Curabitur egestas volutpat ligula. Vestibulum
fermentum purus at diam. Ut ornare quam ut pede. Praesent ultrices tincidunt
quam. In sed enim quis enim mollis malesuada.</p>
</div>
<div style="margin: 0.8em; background-color: #fdd">
<p style="margin: 2.3em; background-color: #fdf">Suspendisse accumsan, velit nec
molestie adipiscing, erat lorem consectetuer tellus, quis vulputate ipsum ante
at eros. Donec laoreet mi eu felis. Suspendisse at sem.</p>
<p>Sed nec quam ut sapien aliquet fermentum. Curabitur lacus nibh, congue id,
lobortis ac, ultricies at, felis. Proin ipsum ipsum, ultrices eu, porttitor ut,
condimentum ac, quam. Mauris sodales dignissim purus. Aenean et nibh. Vestibulum
sagittis scelerisque ante. Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; Cras pede odio, mollis nec, hendrerit quis,
dapibus at, urna. Aliquam eget nisl. Integer augue. Morbi et orci ac nunc
volutpat gravida. Integer laoreet. Quisque fringilla. Nulla tristique libero at
sapien. Nam auctor.</p>
</div>
</body>
</html>
|
