CSS float Property
 Complete CSS Reference
Example
Let an image float to the right:
Try it yourself »
More examples at the bottom of this page.
|
Definition and Usage
The float property specifies whether or not a box (an element) should float.
Note: Absolutely positioned elements ignores the float property!
| Default value: |
none |
| Inherited: |
no |
| Version: |
CSS1 |
| JavaScript syntax: |
object.style.cssFloat="left" |
Browser Support
The float property is supported in all major browsers.
Note: No versions of Internet Explorer (including IE8) support the property value "inherit".
Property Values
| Value |
Description |
| left |
The element floats to the left |
| right |
The element floats the right |
| none |
The element is not floated, and will be displayed just where it
occurs in the text. This is default |
| inherit |
Specifies that the value of the float property should be inherited
from the parent element |
 |
Try it Yourself - Examples |
Let the first letter of a paragraph float to the left
Let the first letter of a paragraph float to the left and style the letter.
Creating a horizontal menu
Use float with a list of hyperlinks to create a horizontal menu.
Creating a homepage without tables
Use float to create a homepage with a header, footer, left content and main content.
Related Pages
CSS tutorial: CSS Classification
HTML DOM reference:
cssFloat property
Complete CSS Reference
Stylus Studio® 2010 XML Enterprise Suite raises the bar for productivity in XML development tools.
Millions of XML developers and data integration specialists turn to Stylus Studio's comprehensive and intuitive
XML toolset to tackle today's advanced XML data transformation and aggregation challenges.
|
- XML Pipeline Editor, Debugger and Code Generator
- DataDirect XML Converters
- XQuery Mapper, Editor, Debugger, and Profiler
- XSLT Mapper, Editor, Debugger, Designer, and Profiler
- Java and C# for .Net Code Generation
- XML Schema Designer With Documentation Generator
- XML Editor With Full XPath Integration
Download a free trial now
|
| 
