-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhtml-table.html
60 lines (51 loc) · 2.27 KB
/
html-table.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Table Layout</title>
<style>
table {
width: 100%;
}
td {
border: 10px solid white;
padding: 10px;
background-color: aquamarine;
}
.col1 {
width: 25%;
}
.col2 {
width: 25%;
}
.col3 {
width: 40%;
}
;
</style>
</head>
<body>
<h1>HTML Table Layout</h1>
<table>
<tr class="row">
<td class="col1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima numquam odit perspiciatis
reprehenderit error, ex ea nobis in fuga odio alias minus quia incidunt laboriosam! Accusantium exercitationem
amet assumenda numquam? Consequatur hic tempora id magnam explicabo, facere, repudiandae molestias aliquid
ratione quisquam assumenda, at accusantium autem quas. Quisquam, ipsam aliquid.</td>
<td class="col2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat similique quisquam vel ab.
Labore quibusdam sequi soluta eum repellat nisi pariatur quidem consectetur distinctio ipsum. Expedita fuga
ipsa, aperiam dolorem illum optio impedit commodi est inventore laboriosam, sequi illo. Consequuntur, impedit.
Cum repudiandae assumenda nam laborum facilis corrupti iusto voluptates.</td>
<td class="col3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi, dolores? Voluptatem temporibus
ipsa adipisci nesciunt doloremque magni nihil autem ipsum, minima porro unde beatae harum molestiae architecto
perferendis fuga sed. Sapiente, amet sint delectus harum omnis eum aperiam eligendi laborum velit quo
praesentium reiciendis deleniti, facilis dolorum repudiandae. Molestias laborum dolore sit commodi quas
necessitatibus temporibus. Nemo illum eveniet aspernatur dolor. Sed ducimus recusandae incidunt eveniet voluptas
delectus minima voluptates distinctio tempore blanditiis architecto magni animi laudantium provident asperiores,
odio in! Dolorem, doloremque officia? Ipsam sequi quos tenetur qui quae, exercitationem vel cumque quaerat
excepturi dolore voluptatum, quisquam eveniet iste!</td>
</tr>
</table>
</body>
</html>