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
It is shifted to the left, or right, until it touches the edge of its containing box,
or another floated element
left
The element must float on the left side of its containing block
right
The element must float on the right side of its containing block
none
The element must not float
inline-start
The element must float on the start side of its containing block
That is the left side with ltr scripts, and the right
side with rtl scripts
The logical equivalent of left based on the writing-mode
(CSS-Tricks)
inline-end
The element must float on the inline-end side of its containing block
That is the right side with ltr scripts, and the left
side with rtl scripts
The logical equivalent of right based on the writing-mode
(CSS-Tricks)
clear
The clear property sets whether an element must be moved below (cleared)
floating elements that precede it
The
clear property applies to floating and non-floating elements
left
Is a keyword indicating that the element is moved down to clear past left floats
right
Is a keyword indicating that the element is moved down to clear past right floats
both
Is a keyword indicating that the element is moved down to clear past both left and right
floats
none
Is a keyword indicating that the element is not moved down to clear past floating
elements
inline-start
Is a keyword indicating that the element is moved down to clear floats on start
side of its containing block, that is
the left floats on ltr scripts and the right floats on rtl scripts
inline-end
Is a keyword indicating that the element is moved down to clear floats on end side of
its containing block, that is the
right floats on ltr scripts and the left floats on rtl scripts
