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