CSS свойство float

Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с другой стороны.

При абсолютном позиционировании свойство float игнорируется.

CSS синтаксис

float: none | left | right | initial | inherit;

Возможные значения

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

Пример использования

Изображение выравнивается по правой стороне


img  {
     float: right;
}