FSW_7_Aug_8_PM/ab_re.html at main · CodeKul/FSW_7_Aug_8_PM · 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
<html>
    <head>
        <title>Absolute & Relative</title>
        <style>
            .re{
                border: 2px solid saddlebrown;
                width: 400px;
                height: 400px;
                position: relative;
            }
            .ab{
                height: 100px;
                width: 100px;
                background-color: gray;
                position: absolute;
                left: 25%;
                top: 25%;
            }
        </style>
    </head>
    <body>
        <div class="re">
            <div class="ab">Absolute class</div>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore id totam excepturi accusantium amet nisi quia modi rerum repudiandae ea. Eveniet fugiat cumque illum explicabo nostrum quos ducimus ratione a consequatur voluptatibus architecto, accusamus, cupiditate qui earum illo fuga necessitatibus enim quaerat, dolore voluptatum. Dignissimos sint sunt quos accusamus delectus? Corporis impedit unde quidem at laborum provident alias nesciunt veritatis? Adipisci explicabo incidunt ipsa delectus facilis! Fuga fugit iure dolore cum consequatur quam, ab, numquam laudantium deleniti assumenda magnam reiciendis ipsam, eaque suscipit a dolorum? Similique, repellat quam natus rem sit perspiciatis ut corporis excepturi, odio voluptatem aut, dolorem nam?</p>
        </div>
    </body>
</html>