web-dev-learning/page11-displayproperty.html at main · JordanPicton/web-dev-learning · GitHub

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
62
63
64
65
66
67
68
69
70
71
<!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>Display Property</title>
   <link rel="stylesheet" href="styles/displayprop.css">
</head>

<body>
   <header>
      <h1>Display Property</h1>
      <nav>
         <ul>
            <li><a href="page1-agriculture.html">Home</a></li>
         </ul>
      </nav>
      <hr>
   </header>
   <main>
      <div>
         I am a div
      </div>
      <div>
         I am a div 2
      </div>
      <div>
         I am a div 3
      </div>

      <h2>I am a h2</h2>
      <h2>I am also a h2</h2>
      <span>I am a span</span>
      <span>I am also a span</span>

      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis alias praesentium rem molestiae blanditiis
         ab. Labore libero dolorem alias placeat deleniti, magni quibusdam molestias autem reiciendis assumenda numquam,
         fugit perspiciatis?
         Reiciendis distinctio commodi autem architecto eaque, deserunt, eveniet quas, magni in eos rerum totam
         molestias? Deleniti magni excepturi possimus perspiciatis eius ullam atque blanditiis, aliquid voluptate
         voluptates non quia in.
         Qui cupiditate omnis quo ex? Sequi quos perferendis ratione vitae laudantium aliquam incidunt fuga quibusdam
         natus cum, voluptatibus aspernatur cumque esse eaque cupiditate veniam deserunt facere, perspiciatis labore,
         nam dolore.
         Veniam maiores minima, voluptates culpa amet doloribus. Suscipit ipsum, eos saepe enim nobis magni illo quis
         consequatur illum. Veritatis pariatur quae, modi sed similique aperiam eius? Explicabo ex consequatur nesciunt?
         Aut est tenetur aspernatur quaerat ad incidunt consectetur cumque quasi harum sapiente? Dolore velit hic
         voluptatum sunt necessitatibus obcaecati libero, soluta consequuntur ipsam iste facere nobis quos deserunt!
         Saepe, nobis.
         <span>This is a span element.</span>
         Quisquam, temporibus? Explicabo totam fugiat in, voluptatum quos quibusdam laudantium. Eum, porro quas libero
         corporis ipsa architecto dolorum, natus, illo ullam omnis assumenda a eos ratione consectetur cum quae?
         Voluptates?
         Earum deserunt rem voluptatum aspernatur similique nemo aliquid et possimus inventore ullam in iusto, odit
         asperiores alias? Quidem, quos, perspiciatis ab officia nemo, harum ad aut ex modi corporis iure!
         Corporis cupiditate rem adipisci consequuntur magni reprehenderit alias, sint, dolore nostrum obcaecati fugit
         eius facilis similique veritatis repellendus et, delectus itaque minima? Praesentium fugit accusantium
         recusandae quod rerum rem deleniti.
         Incidunt temporibus suscipit amet eius vel, mollitia, quos pariatur a, praesentium quidem labore consequatur
         quam voluptatibus modi esse explicabo? Inventore perferendis veniam commodi dolores atque voluptates sequi
         suscipit culpa magni!
         Nostrum earum delectus accusamus alias dolorum consequuntur ipsum rem deserunt numquam repellat velit ipsam,
         illum nisi nam, officiis exercitationem explicabo cumque ab eaque non quas. Nulla animi sit totam ipsa.
      </p>
      <h3>I am a h3 element.</h3>
   </main>
</body>

</html>