summaryrefslogtreecommitdiff
path: root/legacy/works/collapse.html
diff options
context:
space:
mode:
Diffstat (limited to 'legacy/works/collapse.html')
-rw-r--r--legacy/works/collapse.html42
1 files changed, 42 insertions, 0 deletions
diff --git a/legacy/works/collapse.html b/legacy/works/collapse.html
new file mode 100644
index 0000000..9b92a82
--- /dev/null
+++ b/legacy/works/collapse.html
@@ -0,0 +1,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>