HTML_folder/floating_image.html at main · jafferjunaidi/HTML_folder · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Floating images</title>
</head>
<body>
    <p>
        <img src="/images/smiley.gif" alt="smiley" style="width: 42px; height: 42px; float: right;">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque quaerat provident numquam? Aliquam vero labore voluptatum voluptate, impedit vitae est, omnis et non perspiciatis at eius.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae ab deserunt quibusdam ea molestiae qui quo reprehenderit minima. Rerum, odio illo harum officiis.
    </p>
<hr>
    <p>
        <img src="/images/smiley.gif" alt="smiley" style="width: 42px; height: 42px; float: left;">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque quaerat provident numquam? Aliquam vero labore voluptatum voluptate, impedit vitae est, omnis et non perspiciatis at eius.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae ab deserunt quibusdam ea molestiae qui quo reprehenderit minima. Rerum, odio illo harum officiis.
    </p>
</body>
</html>