forked from alinquanet/react_contacts_app
-
Notifications
You must be signed in to change notification settings - Fork 0
/
test_css.html
48 lines (41 loc) · 1.41 KB
/
test_css.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
<!DOCTYPE html>
<html>
<head>
<title> ЗОЖник </title>
<style>
div {
background-color: yellow;
width: 300px;
border: 25px solid blue;
padding: 25px;
margin: 25px;
font-variant: small-caps;
}
div2 {
background-color: greenyellow;
width: 300px;
border: 25px solid bisque;
padding: 25px;
margin: 25px;
float: right;
}
h2 { text-align: center;
}
</style>
</head>
<body>
<h2>Demonstrating the Box Model</h2>
<div>This text is the actual content of the box. We have added a 25px padding, 25px
margin and a 25px green border. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.</div>
<div2>This text is the actual content of the box. We have added a 25px padding, 25px
margin and a 25px green border. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.</div2>
</body>
</html>