-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchapter5.html
41 lines (38 loc) · 1.31 KB
/
chapter5.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
<!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>size,position,list</title>
<style>
#main{
font-size:2em;
}
#box{
font-size: 3rem;
background-color: beige;
width: 330px;
display: inline;
}
/* hallo everyneon */
#box2{
font-size: 2rem;
width: 30%;
background-color: bisque;
height: 50vh;
}
</style>
</head>
<body>
<div id="main">
this is paragraph
</div>
<div id="box">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsum quasi odio nulla in debitis expedita, ea sequi veritatis placeat, doloribus delectus quisquam iusto obcaecati quod necessitatibus. Fugiat, neque repudiandae accusantium atque deserunt ipsum similique consequatur recusandae aspernatur nesciunt quas quae.
</div>
<div id="box2">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure laudantium ipsum harum odit. Doloremque, ipsam eaque? Ullam debitis harum eveniet dolore. Eaque, dolor. Fugit sed provident, debitis vel libero odio deserunt distinctio consequatur asperiores.
</div>
</body>
</html>