CSS float property
Description
CSS float property aligns an element on the left or right side.
Remember that a floated inline-level element behaves as block-level element.
We are applying float property to an inline-level element in the following demo.
Syntax
float : none | left | right
Property values
noneDefault
-
The element does not float to any direction.
float: none;
left
-
The element floats on to the left side.
float: left;
right
-
The element floats on to the right side.
float: right;
Applicable to
It applies to all elements
From web4college, the free CSS digger
Observe the effect of float property for different values.
▾
