html-css/block.html at main · TiwariSimona/html-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
36
37
38
39
40
41
42
43
<!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{
            padding: 18px;
            border: 10px solid black;
            margin: 20px;
        }
    </style>
    <style>
        .box1,.box2{
            height: 100px;
            width: 100px;
        }
        .box1{
            margin: 30px;
            background-color: aquamarine;
        }
        .box2{
            padding: 30px;
            background-color: blueviolet;
        }
        .wrapper{
            background-color: brown;
        }
    </style>
</head>
<body>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque exercitationem laboriosam aliquam, recusandae itaque autem neque provident delectus cumque rerum voluptate fuga dolorum explicabo animi dolore sed illo et dignissimos nostrum, accusantium quidem consequuntur, velit ratione. Odit ullam placeat et itaque, nobis ducimus harum excepturi laborum quam mollitia impedit aliquam voluptate sequi consequuntur? Repellat excepturi voluptatum possimus laboriosam nisi beatae modi repudiandae ipsa delectus asperiores, rerum deserunt veritatis minus laborum. Incidunt suscipit quam harum aut optio aspernatur nesciunt quisquam, perspiciatis officia saepe eligendi? Dolores nesciunt maxime asperiores eligendi facere fuga eveniet laboriosam vero necessitatibus. Excepturi et repudiandae repellat facilis aut?
    </div>
    <div class=""wrapper">
        <div class="box1">Box1</div>
        <div class="box2">Box2</div>
    </div>
</body>
</html>