Using the CSS Property: Float
Use the CSS property float to align block-level elements within the flow of the Web page. Inline elements will flow around floated elements.
Float an Element Left
Float an Element Right
An Image Floated to the Left
Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.
How to Float an Image to the Left of Text
An Image Floated to the Right
Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.
How to Float an Image to the Right of Text
An Image Without Any Float Styling
Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.
Nested Floats
Multiple Floats
Clearing Floats
Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate.
This text is still floated.
This text has been cleared to the right. Any elements that follow this text will not display to the left of the image.
Jennifer Kyrnin