float

Published Jul 22, 2021Updated Sep 3, 2021
Contribute to Docs

Places an element on the left or right side of its container.

Syntax

float: <value>;

The following values can be be appplied to the float property:

  • right: The element floats on the right side of its container.
  • left: The element floats on the left side of its container.
  • none: The default value, ensures the element will not float left or right.

Example 1

Making an img element float to the left of its container.

.container {
height: 200px;
width: 200px;
}
.container img {
float: left;
}

All contributors

Looking to contribute?

Learn CSS on Codecademy