CSS Float and Clear

CSS Float and Clear — a practical guide to CSS float clear with clear examples you can reuse in real projects.

CSS Tutorial Series (42/109). Prefer one article? Read the complete CSS tutorial.

Short description

Prefer Flexbox/Grid for modern page layout; floats remain useful for text wrap.

Float

img.left {
  float: left;
  margin-right: 1rem;
}