CSS float

The float property places an element on the left or right side of its container.

Syntax

float: value;

Copy to clipboard
Copy to clipboard

The following can be the value of 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: This is the default value of the float property. It ensures the element will not float left or right.

Example

This example makes an img element float to the left of its container.

.container {
  height: 200px;
  width: 200px;
  border: 5px dashed #3a10e5;
}

.container img {
  float: left;
}

Copy to clipboard
Copy to clipboard

This results in the following output: