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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
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>
|
