CSS/20_float example 1.html at first-python · Archana98-bit/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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Float example 1</title>
    <link rel="stylesheet" href="style/style20.css">
</head>
<body>
    <div class="mainbox">
        <div class="leftbox">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente ullam officiis laborum consequatur
               voluptates sunt in ducimus! Laudantium, ipsum harum beatae porro blanditiis odit? Blanditiis,
               voluptas minus! Quo debitis amet neque, id, natus quidem reiciendis consequuntur, optio eos aut
               perferendis voluptatibus eveniet tempore rerum porro a sit accusamus obcaecati saepe dolorem
               inventore excepturi similique? Vitae, accusantium. Animi modi, alias accusamus dicta eos aliquam
               reiciendis debitis fugit veritatis laboriosam, asperiores autem minima eligendi, rem perferendis unde.
               Ab hic unde saepe non, cupiditate expedita nesciunt accusamus, provident inventore magni sint! Sapiente
               enim asperiores assumenda accusamus cupiditate rerum eius sit saepe. Est, aliquam?
            </p>
        </div>

        <div class="rightbox">
            <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis cum quo recusandae.
                Doloribus ratione aperiam odit repellendus explicabo beatae voluptas facilis consequatur voluptatem
                ullam. Nam quisquam maxime magni porro suscipit architecto quas eius totam tenetur ex nostrum
                aspernatur aut, dignissimos reprehenderit fugit voluptatem. Nobis officiis iusto autem velit ad
                labore unde sint, mollitia ullam veniam repellat corrupti exercitationem consequuntur vel dicta
                ipsum distinctio incidunt harum quod dolorem dolores obcaecati debitis. Sed inventore dolores
                officia est beatae earum magnam mollitia, officiis nostrum fugiat? Consectetur ipsum optio sunt
                provident mollitia, temporibus fugit, architecto vel molestiae repellendus dolores ea autem laborum
                quam fugiat.
            </p>
        </div>
    </div>
</body>
</html>