CSS FLOAT

Floating elements are elements whose rendering boxes are shifted to the left or right side of the current line. Content boxes that follow are rendered along the side of the floated element; down the right side of elements floated to the left, and down the left side of elements floated to the right. This property controls this floating behavior, specifying an element float to the left, right, or not at all. For correct rendering, a floated element needs to have an intrinsic or assigned ‘width’ value.

Example
1
2
3
img.test {
  float: left
}
1
<img src="image.gif" style="float: left">Some floating text.

Possible Values

inherit: Explicitly sets the value of this property to that of the parent.
none: The element box is not floated.
left: The current element box will be floated to the left. Subsequent content flows around it to the right, starting at the top of the element box If this value is given, the ‘display’ property for the current element is ignored, unless it has the value ‘none’.
right: The current element box will be floated to the right. Subsequent content flows around it to the left, starting at the top of the element box If this value is given, the ‘display’ property for the current element is ignored, unless it has the value ‘none’.