Difference between revisions of "CSS GUIDE FLOAT"
(→Usage Examples) |
|||
| Line 37: | Line 37: | ||
<html> | <html> | ||
| − | + | <head> | |
| − | + | <style type="text/css"> | |
| − | + | img | |
| − | + | { | |
| − | + | float:right | |
| − | + | } | |
| − | + | </style> | |
| − | + | </head> | |
| − | + | <body> | |
| − | + | <img src="logocss.gif" width="95" height="84" /> | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | This is some text. This is some text. This is some text. | |
| − | + | </p> | |
| − | |||
| − | |||
</body> | </body> | ||
| − | |||
</html> | </html> | ||
Revision as of 17:12, 4 December 2006
This document is a work in progress and is subject to change.
Contents
Summary
Float CSS property defines the position where an image or text will be located in another element.
Syntax
float: [number]
Legal Values
| Value | Description |
|---|---|
| left | The image or text moves to the left of the parent element |
| right | The image or text moves to the right of the parent element |
| none | Image or text does not move and it appears at the same location |
Mozilla Recommended Values
Usage Examples
<html>
<head>
<style type="text/css">
img
{
float:right
}
</style>
</head>
<body>
<img src="logocss.gif" width="95" height="84" />
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
</body>
</html>
Notes
Specification Conformance
Browser Compatibility
Firefox,Netscape,Opera,IE
