web-design-itv/clear_ex.html at master · mavrick08/web-design-itv · 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
<!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>Clear Example</title>
    <link rel="stylesheet" href="clear_custom.css">
</head>
<body>
        <h1>Demo on Clear Property</h1>
        <div id="d1">
            <div id="d2">
                <p class="">This div will go to the left side</p>
            </div>

            <div id="d3">
                <p class="">This div will go to the right side.</p>
            </div>


            <div id="my_div">
                <p class="clear_ex">Here we will put some dummy text Here we will put some dummy text Here we will put some dummy text Here we will put some dummy text Here we will put some dummy text</p>
            </div>
        </div>
</body>
</html>