-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patha18.html
52 lines (45 loc) · 3.02 KB
/
a18.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
<!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>
<style>
div {
border: 2px solid green;
}
p {
border: 2px solid red;
}
div div p {
background-color: antiquewhite;
}
</style>
</head>
<body>
<!-- Block Level Elements -->
<div>
<h1>Some text</h1>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cum neque accusamus officia pariatur tenetur ipsa eaque minus vitae sint dicta delectus officiis, dignissimos quibusdam! Itaque modi quo quibusdam officiis doloribus!
Quisquam doloremque molestiae accusamus eos id, ipsum magnam eveniet nulla accusantium expedita modi, maiores voluptas quas suscipit molestias unde facere nostrum. Quis corrupti quasi minima voluptas dignissimos labore modi neque!
Ex quod et provident? Iste quia veniam architecto repellendus qui porro optio modi. Ullam officia libero nam aut suscipit delectus, nemo dolorum eaque cupiditate eos distinctio non pariatur dolorem nisi.
</p>
<div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias aperiam natus, unde veritatis minima enim excepturi vero, non ducimus atque consequuntur nihil eaque ad minus ipsa praesentium voluptate repudiandae magnam.
Esse cum atque libero ipsam nulla fugit reiciendis ratione voluptate modi exercitationem dolore similique recusandae repudiandae, deleniti, quidem quae ipsa explicabo aliquam! Incidunt culpa expedita error, officiis quae reprehenderit ducimus.
Ratione, vel deserunt, veritatis quam ullam cum unde magnam asperiores illum maxime enim accusantium cupiditate voluptates commodi repellendus provident cumque, nulla explicabo debitis atque at porro hic. Beatae, blanditiis id.
Blanditiis, nobis ratione suscipit expedita ipsam eligendi ex temporibus totam, repellat facere quidem exercitationem omnis voluptates sequi aliquam repudiandae repellendus fugiat quas voluptas dolorum. Quo exercitationem odit quis sit doloribus.
Voluptatem ad iusto laborum nobis aliquam ut sit harum consectetur quisquam, porro natus architecto nam vitae a ea! Iusto magni quo, explicabo officiis rerum labore culpa quam ipsa praesentium minus.
</p>
</div>
</div>
<h1>Some more Text</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores odit, officiis similique fuga quam earum, voluptatum officia doloribus provident dolorum fugit facere? Recusandae facilis fugit placeat distinctio amet suscipit dolore.
Quae optio voluptates fugit eum ipsum. Cupiditate libero veritatis eum magni nulla voluptatibus sint eius non nam, delectus expedita excepturi quod tempora asperiores sunt iste nostrum magnam autem nobis facere.
</p>
</body>
</html>