Run
Tutorial With Example
Run your live code
<!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>