float

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

Раньше таким образом строилась структура сайта, контент к левому краю, сайдбар к правому, ниже блок с clear: both;. Сейчас этот вариант устарел и не используется.

Чтобы закончить обтекание — необходимо использовать блок с clear: both;.

Примеры

Значения

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