css/TASK9CSS.html at main · ThejashwiniiR/css · 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
<html>
    <head><title></title>
    <style>
        .a{
border-top: 2px solid rgb(172, 170, 170);
border-left: 2px solid rgb(172, 170, 170);
width: 500px;
height: 330px;
margin: auto;
margin-top: 100px;
        }
        .b{
border: 5px solid black;
width: 360px;
margin: 15px;
padding: 40px;
font-size: xx-large;
        }
        .c{
            background-color: rgb(247, 225, 27);
        }
    </style>
    </head>
    <body>
        <div class="a">
            <div class="b">
                <div class="c">This text has a margin of 40
                pixels on all four sides. It is
                nested within a 'div' with a
                border to make it easier to see
                the effect of the margin.</div>
            </div>
        </div>
        </body>
</html>