Web4College

CSS float property

src

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;
Try it

left

The element floats on to the left side.

float: left;
Try it

right

The element floats on to the right side.

float: right;
Try it

Applicable to

It applies to all elements