Свойства для управления обтеканием

  Описание float

Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение параметра float равно none, элемент выводится на странице как обычно, самое большое — одна строка обтекающего текста может быть на той же линии, что и сам элемент.

Синтаксис
float: left | right | none

Аргументы
left
Выравнивает элемент по левому краю, а все остальные элементы, вроде текста, огибают его по правой стороне.

right
Выравнивает элемент по правому краю, а все остальные элементы огибают его по левой стороне.

none
Обтекание элемента не задается.

Описание clear

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

Синтаксис
clear: both | left | none | right

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

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

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