-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTUT17.html
41 lines (36 loc) · 3.34 KB
/
TUT17.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>Box Model</title>
<style>
.container{
color: blue;
background-color: rgb(255, 0, 38);
border: 4px,solid,black;
}
</style>
</head>
<body>
<div class="container"></div>
<h1>We will learn Box model in this tutorial</h1>
<p id="first">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui minus aut alias velit dicta eos deserunt, provident assumenda dolorem nam culpa natus! Placeat quo, velit eveniet unde amet modi qui?
Praesentium iste vel doloribus laboriosam maxime voluptatum vitae fugiat exercitationem excepturi modi dolor reiciendis aliquam perferendis officiis ipsam voluptates quaerat ab quam, officia eveniet quas optio alias nam! Minus, in!
Neque, fuga nihil harum officiis non maxime alias at nesciunt, exercitationem nisi et commodi quasi tempora, sit dolor. Libero deserunt possimus numquam sequi repellendus vero recusandae sit odit maiores soluta.
Veniam error officiis labore dolorem numquam! Ea temporibus suscipit animi, repudiandae excepturi nostrum. Officiis vel maiores asperiores provident vitae. Obcaecati aperiam commodi reprehenderit quas at fuga! Iste doloremque illo nobis.</p>
<div class="container"></div>
<h1>We will learn Box model in this tutorial</h1>
<p id="first">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui minus aut alias velit dicta eos deserunt, provident assumenda dolorem nam culpa natus! Placeat quo, velit eveniet unde amet modi qui?
Praesentium iste vel doloribus laboriosam maxime voluptatum vitae fugiat exercitationem excepturi modi dolor reiciendis aliquam perferendis officiis ipsam voluptates quaerat ab quam, officia eveniet quas optio alias nam! Minus, in!
Neque, fuga nihil harum officiis non maxime alias at nesciunt, exercitationem nisi et commodi quasi tempora, sit dolor. Libero deserunt possimus numquam sequi repellendus vero recusandae sit odit maiores soluta.
Veniam error officiis labore dolorem numquam! Ea temporibus suscipit animi, repudiandae excepturi nostrum. Officiis vel maiores asperiores provident vitae. Obcaecati aperiam commodi reprehenderit quas at fuga! Iste doloremque illo nobis.</p>
<div class="container"></div>
<h1>We will learn Box model in this tutorial</h1>
<p id="first">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui minus aut alias velit dicta eos deserunt, provident assumenda dolorem nam culpa natus! Placeat quo, velit eveniet unde amet modi qui?
Praesentium iste vel doloribus laboriosam maxime voluptatum vitae fugiat exercitationem excepturi modi dolor reiciendis aliquam perferendis officiis ipsam voluptates quaerat ab quam, officia eveniet quas optio alias nam! Minus, in!
Neque, fuga nihil harum officiis non maxime alias at nesciunt, exercitationem nisi et commodi quasi tempora, sit dolor. Libero deserunt possimus numquam sequi repellendus vero recusandae sit odit maiores soluta.
Veniam error officiis labore dolorem numquam! Ea temporibus suscipit animi, repudiandae excepturi nostrum. Officiis vel maiores asperiores provident vitae. Obcaecati aperiam commodi reprehenderit quas at fuga! Iste doloremque illo nobis.</p>
</body>
</html>