float

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;
}

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn CSS on Codecademy

Contributors