The CSS float property was originally made for letting text wrap around an image. For many years,
web developers also used it to place boxes side by side and build whole webpage layouts.
The following example shows how you can layout a webpage using CSS float:
London is the capital city of England. It is the most populous city in the United Kingdom.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
For page layouts today, Flexbox and Grid are simpler and more powerful. Use float mainly to wrap text around images, and learn the float layout so you can understand and maintain older websites.
Learn more about float in our CSS Float chapter.
Free account
New
Coding fundamentals as bite-sized lessons and challenges.
