CSS Float

tutorial and example
tutorial and example

The CSS float propertie is a positioning properties. It is used to push an element to left side. It is commonly used with images and layouts.

The following images will help you to understand CSS Float.

How it works

Elements are floated only horizontally. It is possible to float elements left or right not up or down.

CSS Float Properties

The given following table of CSS float properties.

Properties Description Value
Clear It is used to avoid the element after floating. Left, right, both, none, inherit
Float It is used to specify float or not. Left, right, none, inherit

Let us see an example of CSS float properties:

Try Now