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; }

CSS Online Test

« Previous Tutorial Next Tutorial »

© Copyright 2021. All Rights Reserved.