Свойство float в CSS позволяет позиционировать элементы на странице и «обтекать» блоки текстом. 25

Принцип работы: элемент, для которого указано свойство float, частично выходит из потока. 2 Все элементы блочного контекста, прописанные в коде после элемента с float, занимают его место, а элементы строчного контекста — «обтекают» его. 2

Свойство float может принимать одно из четырёх значений: 4

1. none (по умолчанию) — элемент не «плавает», отображается там, где встречается в тексте. 3
2. left — элемент смещается влево от контейнера. 3
3. right — элемент смещается вправо от контейнера. 3
4. inherit — элемент наследует значение float от своего родителя. 3

Если элемент с float идёт один за другим, то следующий элемент будет пытаться уместиться сбоку от предыдущего, с его свободной стороны. 1 Если там не хватает места, элемент сместится ниже и будет пытаться уместиться уже там. 1