CSS Float Example | TutorialWithExample

 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example of Floating Elements</title>
<style>
    img {
        float: left;
        width: 150px;
        height: 150px;
        margin-right: 20px;
    }
</style>
</head>
<body>
    <p><img src="/assets/example-image/border.png" alt="Border Image"> The floated element is removed from the regular flow and moved to the containing element's left or right side as far as possible in the available space.
​
 Other elements normally flow around the floated elements unless a clear property prevents them from doing so. Elements can be floated only horizontally, implying that an element can only be floated either left or right and not up or down.</p>
</body>
</html>
Tutorial With Example

Run your live code
