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