The float
CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow.
We can float an element by using the float property:-
(1) left
:- The element must float on the left side of its containing block.
(2) right:-
The element must float on the right side of its containing block.
(3) none :-
The element must not float.
(4) inherit :- The element inherits the flow value of its parent.
A floated element is taken out of the normal flow and shifted to the left or right as far as possible in the space available of the containing element.