Свойство float описывает область отображения тега в качестве плавающего элемента и заставляет текст обтекать его определенным образом. В целом, оно аналогично атрибуту align для таблиц и изображений, но может применяться к любому элементу, включая текст.
Свойство float допускает одно из трех значений: left, right или none, принимаемое по умолчанию. Использование none выключает свойство float. Другие значения действуют, как их аналоги для атрибута align, приказывая броузеру поместить содержимое тега у соответствующего края потока и позволить другому содержимому обтекать его.
Таким образом, броузер разместит специфицированное при помощи float:left содержимое (включая все поля, заполнители и рамки) тега слева от левой границы потока текста, и последующее содержимое будет обтекать его справа, вниз и под содержимым тега. Пара float:right помещает содержимое тега напротив правого края потока, и другое содержимое будет обтекать его слева вниз и под содержимое тега.
Однако свойство float, чаще всего используемое с таблицами и изображениями, можно с успехом применять и к текстовым элементам. Например, следующее описание создает «встроенный» заголовок, который обтекается потоком текста.
h2 {
float: left;
text-align: center;
margin right: 10px;
}