HTML_PRACTICE/image_float.html at master · imnaresh96/HTML_PRACTICE · 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
<!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>
        img{
            padding:0;
            margin: 0;
            float:none;
            height: 150px;
            width: 300px;
        }
        p{
            padding: 0;
            margin: 0;
            height: 20%;
            width: 100%;
        }
    </style>
</head>
<body>
    <p>this is demo of image 'float' attributes Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magnam, quod neque, cupiditate expedita ad veniam nemo aperiam et iusto eos quo voluptatum nobis exercitationem ea veritatis qui. Enim mollitia distinctio nulla at. Consectetur, voluptates deserunt. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Beatae numquam ratione aperiam quis ex libero ad, quisquam deleniti sequi, officia officiis dignissimos voluptatibus, sed suscipit soluta! Provident, commodi perferendis. Amet commodi, earum a vitae quos excepturi mollitia illum vero facere? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio, officia eveniet nostrum, architecto, pariatur dolorum dicta sunt at eaque quisquam quidem aliquam aut nobis praesentium. Cum alias iusto maiores. Facere reiciendis culpa alias minus deserunt at ad labore assumenda dolorum. Voluptas hic ut maxime qui, cupiditate doloremque culpa debitis porro minus dolore, error nulla unde facere nisi consectetur amet similique dicta aliquid, aut eius corrupti ipsam? Dolor necessitatibus nihil mollitia officiis, inventore qui dicta enim, voluptas placeat impedit quo obcaecati voluptatibus recusandae ratione fuga minima nesciunt laboriosam reprehenderit dolorem sed labore. Esse porro, cumque aliquam maiores eius reiciendis expedita modi saepe dignissimos, culpa earum dolores libero cum mollitia minus itaque fuga consequatur veniam doloremque adipisci voluptatem. Officiis atque nihil laudantium harum provident. Maiores veritatis molestiae temporibus non ea, quisquam omnis fugit ad labore, inventore architecto iusto veniam at cumque sunt perspiciatis. Minus voluptate, delectus quaerat sequi commodi quis aliquam tempore dolorem, nulla temporibus ea id et quos eligendi itaque recusandae omnis consectetur minima repellendus vitae fugiat, tenetur culpa nostrum. Sapiente laboriosam, ut dignissimos maxime nisi nostrum in itaque ipsa libero a fugit sequi veritatis explicabo qui facilis eum debitis mollitia repellendus, vitae laborum voluptatem harum consequatur dolor! Pariatur, rem aperiam!
    <img src="code1.jpg" alt="coding image"></img>
    </p>
</body>
</html>