CSS свойство clear

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

CSS синтаксис

clear: none | left | right | both | initial | inherit;

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

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

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

Запрещаем обтекание слева и справа элемента <p>


img {
     float: left;
}

 p.clear {
     clear: both;
}