The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Layout |
| Previous Style: filter | Next Style: font |


float

Determines the side on which text flows around a boxed object (such as an image).

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later
Notes:
  • To remember the name of this property, think of a box floating on a lake and how the surrounding water flows around it.
  • This style replaces the HTML <IMG ALIGN> attribute.

See Also:

clear, display, visibility

Possible Values:

left
Positions the object on the left, so that text flows around it on the right.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

none
The object isn't floated, so text doesn't flow around it.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

right
Positions the object on the right, so that text flows around it on the left.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

Example:
<IMG SRC="thinker.gif" STYLE="float: right">
Two babies were born on the same day at the same hospital. 
They lay there and looked at each other. Their families 
came and took them away. Eighty years later, by a bizarre 
coincidence, they lay in the same hospital, on their 
deathbeds, next to each other. One of them looked at 
the other and said, ''So. What did you think?''<BR>
&#151;Steven Wright
How It Looks:
Two babies were born on the same day at the same hospital. They lay there and looked at each other. Their families came and took them away. Eighty years later, by a bizarre coincidence, they lay in the same hospital, on their deathbeds, next to each other. One of them looked at the other and said, ''So. What did you think?''
—Steven Wright

| Index | Current Category: Layout |
| Previous Style: filter | Next Style: font |