CSS-свойство float

CSS-свойство float указывает, должен ли блок обтекаться слева или справа.

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

float: left | right | none | initial | inherit

Примеры написания кода свойства float:

p.red {
    float: left;
}
p.green {
    float: right;
}

В следующей таблице описаны значения этого свойства.

Значение	Описание
`left`	Элемент «прилипает» к левой стороне родительского блока, весь контент обтекает этот блок с правой стороны.
`right`	Противоположно свойству `left` — элемент «прилипает» к правой стороне родительского блока, весь контент обтекает этот блок с левой стороны.
`none`	Обтекание не применяется. Это значение установлено по умолчанию.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `float`.