CSS float property

Description

CSS float property aligns an element on the left or right side.

Remember that a floated inline-level element behaves as block-level element.

We are applying float property to an inline-level element in the following demo.

Syntax

float : none | left | right

Property values

noneDefault

The element does not float to any direction.

float: none;

left

The element floats on to the left side.

float: left;

right

The element floats on to the right side.

float: right;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
Observe the effect of float property for different values.
×

Ctrl+D