clear

No floating elements allowed on the left or the right side of a specified paragraph:

Values

none
The element is not moved down to clear past floating elements.
left
The element is moved down to clear past left floats.
right
The element is moved down to clear past right floats.
both
The element is moved down to clear past both left and right floats.

<!DOCTYPE html>
<html>
    <head>
        <style>
            img {
                float: left;
            }
            
            p.clear {
                clear: both;
            }
        </style>
    </head>
    <body>
        <img src="logocss.gif" width="95" height="84" />
        <p>
            The quick brown red fox jumps over the lazy dog. 
The quick brown red fox jumps over the lazy dog.
The quick brown red fox jumps over the lazy dog. 
The quick brown red fox jumps over the lazy dog
        </p>
        <p class="clear">
            The quick brown red fox jumps over the lazy dog. 
The quick brown red fox jumps over the lazy dog.
The quick brown red fox jumps over the lazy dog. 
The quick brown red fox jumps over the lazy dog
        </p>
    </body>
</html>