float

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

  • элемент, начинает "липнуть" к правому или левому краю страницы
  • последующие элементы начинают обтекать его

Пример

img {
        float: left;
        margin-right: 5px;
}

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

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

Характеристики

Значение по умолчанию: none

Применяется: Ко всем элементам

Наследуется: Нет

См. также