-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
61 lines (60 loc) · 3.22 KB
/
index.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
61
<!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>Document</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1 id="heading">CSS Chaining Concept</h1>
<div class="container1">
<p class="paragrph1">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id praesentium
exercitationem maiores, totam molestiae perferendis possimus nostrum, a
ccusamus dolorem asperiores eaque. Minus praesentium hic possimus aut sapient
e consequatur ad! Ut, ipsum? Ullam cupiditate, voluptatum eveniet dolorum fug
cum mollitia excepturi obcaecati? Qui dicta voluptatem possimus corporis, vit
e dolorem id neque recusandae nesciunt commodi distinctio ipsum at mollitia,
m, quod amet tempore culpa. Quaerat cum hic accusamus, eius ullam officia enim
et aperiam? Inventore dignissimos labore, repettttrrrrrrrllat fugiat, placeat saepe nesci
uscipit voluptatem sint obcaecati maiores est nam autem ratione libero atque mi
, quod exercitationem expedita odit. Reiciendis, voluptate .
</p>
<p id="paragraph2">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias provident molestiae
odio deserunt reprehenderit, molestias cumque, quo mollitia rem sapiente obcaecati
nisi? Nostrum suscipit laudantium iste, blanditiis nihil ullam esse.
dolore reiciendis, officiis minus, tenetur voluptatem, aliquid
exercitationem veniam iste blanditiis facilis! Labore neque eligendi,
suscipit porro nam laudantium cupiditate fugiat sunt modi aspernatur
harum deleniti non? Incidunt, veniam dolorum quos dicta magnam fugiat
eaque sed vel earum neque dolorem ipsum consequatur quisquam nulla
corrupti vero. Fugiat pariatur beatae exercitationem fuga.
</p>
</div>
<hr />
<div class="container2">
<p id="paragraph3">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque doloribus
soluta, sit animi ducimus debitis, praesentium laboriosam similique
consequatur eum officia saepe aut neque eos perspiciatis quia tempore?
Enim laudantium explicabo non odio autem error ducimus eveniet repellat
et illo hic itaque nam debitis corrupti dolore ad omnis aut, quae ipsam
incidunt necessitatibus. Expedita, voluptatem eveniet. Commodi iusto
nulla aspernatur, aliquid, fugiat quis similique aperiam assumenda esse
sequi explicabo voluptas!
</p>
<p id="paragraph4">
Lorem ipsum dolor stibus nobis, perspiciatis quae, fugit
reprehenderit sapiente nihil. Magnam, molestiae sed dolorem est dicta,
reprehenderit facere beatae architecto nihil quod ad placeat rem
incidunt! Architecto neque, voluptates voluptatum exercitationem
dignissimos nam dolore quas id eaque ipsam illum aperiam accusamus
repellat, ab, dolorem voluptas! Deleniti quasi porro laboriosam,
consequatur accusactetur!
</p>
</div>
</body>
</html>