CSS Box Float

« Previous Tutorial Next Tutorial »

A floating box is a box that can display the content of an element in left or right direction with respect to the content of another element.

For example, you can display a box containing the content of a paragraph in left direction and an image in the right direction. You can float an element by using the float property.

The syntax to use the float property is given as follows :

float: left | right | none | <page-floats>

An example of using the float property is given as follows :

img { float: left; }

« Previous Tutorial Next Tutorial »


Quick Links
Signup - Login - Give Online Test