float

Support Key: [CSS1|CSS2|CSS2.1] [IE4B2|N4B3|O3.5|S1]
Other Classification Properties
display
visibility
position
clear
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   none
Applicable Elements:
All (excepting generated content and positioned elements)
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
<applet|iframe|img|object|spacer|table ALIGN="right,left">
Official Docs:
CSS1: Sect. 5.5.25
CSS2: Sect. 9.5.1, CSS2.1: Sect 9.5.1
What is it?
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.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O7|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
none
[CSS1|CSS2|CSS2.1] [IE4B2|N4B3|O3.5|S1]
Type: Explicit
Description:
The element box is not floated.
left
[CSS1|CSS2|CSS2.1] [IE4B2|N4B3|O3.5|S1]
Type: Explicit
Description:
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
[CSS1|CSS2|CSS2.1] [IE4B2|N4B3|O3.5|S1]
Type: Explicit
Description:
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'.
Example
Ext/Doc: img.test { float: left }
In-Line:  <img SRC="image.gif" STYLE="float: left">This
is text following the image. It floats on the right.
Notes Browser Peculiarities

Boring Copyright Stuff....