-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTUT18.html
49 lines (43 loc) · 2.16 KB
/
TUT18.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MARGIN AND PADDING</title>
<style>
.Container {
background-color: burlywood;
border: 3px solid red;
padding: 9px;
margin: 34px;
}
</style>
</head>
<body>
<div class="Container">
<h1>This is my paragraph</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem sint hic corporis in perspiciatis, possimus
ratione accusamus placeat saepe nostrum dignissimos ad rerum eos, veniam facilis ut culpa fugiat dolorum?
Ea et, harum aliquam veritatis adipisci perspiciatis minima omnis reiciendis? Debitis tenetur animi at
doloribus. Doloremque explicabo quisquam quia cum fugiat rerum omnis sed alias dolores voluptates,
consequuntur, possimus autem?</p>
</div>
<div class="Container">
<h1>This is my paragraph</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem sint hic corporis in perspiciatis, possimus
ratione accusamus placeat saepe nostrum dignissimos ad rerum eos, veniam facilis ut culpa fugiat dolorum?
Ea et, harum aliquam veritatis adipisci perspiciatis minima omnis reiciendis? Debitis tenetur animi at
doloribus. Doloremque explicabo quisquam quia cum fugiat rerum omnis sed alias dolores voluptates,
consequuntur, possimus autem?</p>
</div>
<div class="Container">
<h1>This is my paragraph</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem sint hic corporis in perspiciatis, possimus
ratione accusamus placeat saepe nostrum dignissimos ad rerum eos, veniam facilis ut culpa fugiat dolorum?
Ea et, harum aliquam veritatis adipisci perspiciatis minima omnis reiciendis? Debitis tenetur animi at
doloribus. Doloremque explicabo quisquam quia cum fugiat rerum omnis sed alias dolores voluptates,
consequuntur, possimus autem?</p>
</div>
</body>
</html>