CSS24 min readCSS Float
Understand CSS float from basics: why it was created, how it moves elements left or right, and how text flows around floated elements in real layouts.
Float was originally created for **text wrapping around images**. Before flexbox and grid, float was heavily used. ## What float does Float pushes an element: - to the left - or to the right Other content flows **around** it. ## Example ```css img { float: left; margin-right: 15px; } ``` ## UI Visualization - Image on left - Text flows on right side - Looks like newspaper layout ## Real-world example - Blog posts with images - News articles - Documentation pages ## Important note Float is **not recommended for full layouts today**. It is still important to understand for: - old code - text wrapping cases