CSS3 Examples

CSS FLOAT

Written by jon on 9:09 AM 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

img.test { float: left } <img src=”image.gif” mce_src=”image.gif” style=”float: left”>Some floating text.

Possible Values

Value Description 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'.