
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:
-
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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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>
—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
|
|