boxmodel/box-model-practice.html at master · peachykish/boxmodel · 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
72
73
74
75
76
77
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Fox</title>
    <style>
      #text {
        width: 300px;
        background-color: yellow;
        height: 200px;
        overflow: auto;
        padding: 20px;
        margin: 20px;
        border-style: dotted;
        color: orange;
        align-content: center;
      }

      .important {
        font-weight: bold;
        text-decoration: underline;
        color: black;
      }

      .picture {
        width: 300px;
        height: 100px;
        height: 200px;
        overflow: auto;
        padding: 0px;
        margin: 20px;
        border-style: solid;
        border-color: orange;
        align-content: center;
      }
      .content-box {
        border-style: solid;
        border-color: maroon;
        width: 400px;
      }
    </style>
  </head>
  <body>
    <div class="content-box">
      <h1>Fox</h1>

      <img
        class="picture"
        src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Looking_Foxy.jpg/220px-Looking_Foxy.jpg"
      />

      <div id="text">
        <p>
          <span class="important"
            >Fox is a common name for many species of carnivorous mammals
            belonging to the Canidae family</span
          >. Foxes are small to medium-sized canids (slightly smaller than the
          median-sized domestic dog), characterized by possessing a long narrow
          snout, and a bushy tail (or brush).
        </p>

        <p>
          <span class="important"
            >Members of about 37 species are referred to as foxes, of which only
            12 species actually belong to the Vulpes genus of 'true foxes'</span
          >. By far the most common and widespread species of fox is the red fox
          (Vulpes vulpes), although various species are found on almost every
          continent. The presence of fox-like carnivores all over the globe has
          led to their appearance in both popular culture and folklore in many
          cultures around the world (see also Foxes in culture). The gray fox is
          one of only two canine species known to climb trees; the other is the
          raccoon dog.
        </p>
      </div>
    </div>
  </body>
</html>