1 files changed, 117 insertions, 0 deletions
diff --git a/legacy/works/tableseparate.html b/legacy/works/tableseparate.html
new file mode 100644
index 0000000..7cba20e
--- /dev/null
+++ b/legacy/works/tableseparate.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Separated borders table test</title>
+<style type="text/css">
+table { border: outset 10pt gray;
+	border-collapse: separate;
+	border-spacing: 15pt; }
+td { border: inset 5pt gray;
+	padding: 5pt; }
+td + td + td { border: dotted 10pt orange; }
+</style>
+</head>
+
+<body>
+
+<h1>Separated borders table test</h1>
+
+<table>
+
+<tr>
+<td>Praesent ut eros. Aenean quis felis. Sed iaculis venenatis lorem. Etiam
+dictum. Etiam eu felis luctus lorem pretium sodales. Nunc pretium consequat
+libero. Nunc turpis wisi, tincidunt sit amet, lacinia vitae, iaculis sed, massa.
+Nunc odio quam, tincidunt ut, ornare id, dignissim at, mauris. Etiam ac orci.
+Integer nibh. Cras sagittis, eros porta aliquam blandit, velit neque pretium
+eros, sed imperdiet ante purus sed ipsum. Sed ut mi. Integer vel dui. Duis
+bibendum imperdiet tortor.</td>
+
+<td rowspan="3">Integer nec mauris in lacus ullamcorper varius. Nullam
+dignissim aliquam odio. Vestibulum at sem nec diam posuere vulputate. Integer
+dictum, est at tincidunt gravida, velit ipsum imperdiet nunc, vitae dictum
+odio pede vitae wisi. Maecenas elit augue, auctor in, bibendum at, tempus
+eget, erat. Duis adipiscing elit. Etiam a dui. Nam neque. Duis et urna. Proin
+erat. Ut vel arcu ut mauris fermentum malesuada. In hac habitasse platea
+dictumst. Fusce ultricies, enim nec tempus scelerisque, orci justo dapibus
+quam, facilisis imperdiet velit lorem et nibh.</td>
+
+<td>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. 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. Praesent tincidunt eros eget diam. Praesent vel
+odio. Morbi adipiscing. Cras quis wisi in nunc hendrerit bibendum. Pellentesque
+dictum nibh nec dolor. Nam luctus nibh sed mi. Duis sit amet quam et magna
+facilisis luctus.</td>
+</tr>
+
+<tr>
+<td>Suspendisse commodo. Duis consequat lorem ut felis. Quisque nisl augue,
+malesuada ut, interdum vel, fermentum sed, metus. Sed est eros, porta quis,
+fermentum vel, consectetuer eget, diam. Cras eu urna a quam auctor eleifend.
+Aenean leo. Ut non augue. Vivamus in mauris ut tortor bibendum bibendum. Etiam
+varius pede in augue. Vestibulum mauris augue, pretium eget, lobortis eu,
+condimentum sed, arcu. Vestibulum ante ipsum primis in faucibus orci luctus et
+ultrices posuere cubilia Curae; Aliquam mi mauris, mollis eget, blandit varius,
+iaculis ut, turpis. Aliquam sit amet sem. Nulla mauris sem, tristique at,
+fringilla non, aliquam ut, quam. Donec lacinia nibh eget sapien. Fusce mollis
+nunc at metus.</td>
+
+<td>Morbi lobortis, velit ut fringilla sollicitudin, sapien turpis aliquet
+felis, et faucibus nibh sem a odio. Sed tincidunt, pede vitae suscipit porta, mi
+nunc varius erat, id porta nunc justo quis urna. Praesent at odio bibendum odio
+rutrum tincidunt. Sed neque. Mauris pharetra odio ut lorem. Etiam ultricies,
+eros ut iaculis suscipit, ipsum libero cursus purus, a mattis wisi nunc sed
+metus. Quisque ac neque. Aliquam erat volutpat. Phasellus ullamcorper nulla sit
+amet diam. Curabitur eu mi quis urna dictum mollis.</td>
+
+<td>Aenean eu tortor a justo facilisis sagittis. Aliquam erat volutpat. Maecenas
+semper. Aliquam facilisis dolor sit amet erat. In tempor nulla et wisi. Morbi
+pellentesque, erat vitae feugiat placerat, ante massa rhoncus turpis, eu sodales
+diam elit scelerisque felis. Donec eu sem adipiscing erat malesuada ullamcorper.
+Proin sit amet pede. Donec lacus mauris, molestie id, mollis et, interdum ac,
+pede. Curabitur et est ac magna posuere mattis. Aenean mattis blandit est. Morbi
+ac nisl. Duis mollis. Etiam aliquam sollicitudin velit. Aliquam enim orci,
+suscipit nec, fringilla quis, porta ac, nulla. Mauris id lorem at velit
+condimentum porttitor. Donec consectetuer, justo ac elementum elementum, mauris
+nulla dignissim libero, sollicitudin dictum quam nulla nec nunc. In hac
+habitasse platea dictumst.</td>
+</tr>
+
+<tr>
+<td>Suspendisse egestas semper mauris. Duis dolor dui, placerat vel, dapibus
+vitae, convallis in, quam. Praesent et orci. Pellentesque risus. Ut arcu wisi,
+lobortis quis, malesuada eget, consequat sit amet, eros. Quisque consequat, odio
+quis volutpat tempor, odio eros bibendum odio, nec molestie mi neque nec mi.
+Proin et eros. Maecenas pretium augue sed nunc. Suspendisse vehicula tempus
+augue. Proin egestas dapibus justo. Cum sociis natoque penatibus et magnis dis
+parturient montes, nascetur ridiculus mus. Mauris suscipit, mauris a feugiat
+posuere, nulla leo euismod metus, eu pellentesque nunc odio eu erat. Nam a
+ipsum. Vestibulum porttitor placerat odio. Maecenas id ante. Nullam venenatis.
+Nullam a orci. Quisque libero. Quisque mauris pede, congue vitae, lobortis eget,
+iaculis nec, magna. Ut velit lacus, ultrices non, condimentum eget, varius non,
+est.</td>
+
+<td>Pellentesque laoreet diam id lacus varius aliquet. Integer consectetuer.
+Nulla porta eros ut arcu. Praesent blandit velit et felis. Integer mauris augue,
+ultrices vel, blandit id, luctus id, urna. Fusce nulla tellus, porta at, sodales
+nec, fringilla et, lectus. Donec nec eros. Vestibulum nisl lorem, sagittis
+vitae, tempor vitae, varius non, nibh. Phasellus dui nunc, dictum eu, imperdiet
+eget, consectetuer id, lectus. Sed ac felis.</td>
+
+<td>Sed velit ipsum, tempus vitae, dapibus quis, aliquet quis, sem. Vestibulum
+ante. Nunc sit amet arcu. Phasellus faucibus quam tincidunt sem. Nam semper
+hendrerit turpis. Integer turpis. Proin sed odio id nibh consectetuer
+ullamcorper. Nulla condimentum mi ut odio. Duis quis odio nec magna posuere
+sodales. Donec vulputate venenatis dolor. Curabitur tristique adipiscing augue.
+Nulla ornare semper ipsum. Vestibulum adipiscing, libero eget malesuada lacinia,
+diam metus semper leo, nec consectetuer libero tellus nec mauris.</td>
+</tr>
+</table>
+
+</body>
+</html>