CSS clear Property


The clear property is used to specify that which side of floating elements are not allowed to float. It sets or returns the position of the element in relation to floating objects. If the element can fit horizontally in the space next to another element which is floated, it will.

The clear property specifies on which sides of an element floating elements are not allowed to float.

The clear property is directly related to floats. The clear property is used to specify whether an element should be next to floating elements or it should be below them (clear).

We can apply the clear property to both floating and non-floating elements. This property has four values: none, left, right, and both. "None" is the default value. It allows floating elements on both sides. "Left" value does not allow any floating element on the left side. "Right" value does not allow any floating element on the right side. "Both" value does not allow any floating element on either left or right side.

CSS Syntax

clear: none|left|right|both|initial|inherit;

Example -