The essentials of

Float: wrapping text around an image

Publisher: ResumeMaker • 1 source

Published: 23 Oct 2026 08:23 · Updated: 23 Oct 2026 08:23

AI source check: 22 Oct 2026 16:54. This is not editorial approval.

In a few sentences

In brief

float places an element to one side and lets text wrap around it. This differs from arranging independent cards in a grid.

Useful to know

float places an element to one side and lets text wrap around it. This differs from arranging independent cards in a grid. [1]

It can suit an illustration within an article. For an entire interface layout, consider flex or grid first. Otherwise wrapping can leave subsequent text in an unexpectedly narrow column.

Sources

For further detail and to check the information:

[1] MDN — CSS float ↗