What is the purpose of float:left and float:right?

float:left puts the element at the leftmost under its parent element. float:right puts the element at the rightmost under its parent element.

<html lang="en">
    <head>
        <style>
            #s1 {

            }
        </style>
    </head>
    <body>
        <p>Paragraph one <span id="s1">ABCDE</span> Paragraph two</p>
    </body>
</html>

#s1 {
    float: left;
}

#s1 {
    float: right;
}

sunmingtao / sample-code

What is the purpose of float:left and float:right? #91