FSW_7_Aug_8_PM/float.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>Float</title>
        <style>
            .main{
                background-color: gray;
                overflow: hidden;
            }
            .sub{
                margin: 1%;
                height: 200px;
                width: 200px;
                background-color: burlywood;
                float:left;
            }
        </style>
    </head>
    <body>
        <div class="main">
            <div class="sub"></div>
            <div class="sub"></div>
            <div class="sub"></div>
            <div class="sub"></div>
        </div>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Accusamus ipsa fugit, dolores autem doloremque minima dolorum, ea recusandae reiciendis placeat earum in eius mollitia debitis, quod quia excepturi. Ratione reprehenderit error tempore iure temporibus. Asperiores odit tempore dolor, et quidem atque quis obcaecati pariatur. Modi odit reiciendis optio vero ducimus a tenetur itaque libero quaerat facilis corrupti expedita nisi, molestiae sint mollitia sunt? Dolorum, omnis est? Illo molestias, maxime magni numquam accusantium delectus quod tempore, quas impedit assumenda blanditiis, eius corporis quidem repellendus at atque pariatur? Doloremque aut quos veniam, maxime ipsa maiores eligendi illum dolore sequi distinctio minus repudiandae!</p>
    </body>
</html>