float

The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it. A floating element is one where the computed value of float is not none.

Values

left
Is a keyword indicating that the element must float on the left side of its containing block.
right
Is a keyword indicating that the element must float on the right side of its containing block.
none
Is a keyword indicating that the element must not float.

<!DOCTYPE html>
<html>
    <head>
        <style>
            div {
                border: solid red;
                max-width: 70ex;
            }
            
            h1 {
                float: left;
                margin: 0;
            } .floatRight {
                float: right;
            }
        </style>
    </head>
    <body>
        <h1>first of type example</h1>
        <p>The first paragraph.</p>
        <p>The second paragraph.</p>
        <p class="floatRight">
            The third paragraph.
        </p>
        <p>The fourth paragraph.</p>
    </body>
</html>