Свойство float
Свойство floatпозволяет задать режим обтекание элемента. При этом элемент рассматривается как блочный, то есть установка данного свойства в значение left или right перекрывает свойство display и элемент рассматривается как блочный. Данное свойство очень часто используется с графическими элементами, но применимо и к текстовым элементам
| Синтаксис | |
|---|---|
| float: left | right | none | |
| Возможные значения и ключевые слова | |
| left | элемент прижат к левому краю и текст обтекает его по правой стороне |
| right | элемент прижат к правому краю и текст обтекает его по левой стороне |
| none | отменяет действие данного свойства |
| Разное | |
| Значение по умолчанию | none |
| Применимо | ко всем элементам |
| Наследование | нет |
| Процентная запись | не применима |
| Media | visual |
В следующем примере, при помощи свойства float, объявляются два класса float-left и float-right. Оба класса делают html-элементы плавающими, но первый класс размещает элементы по левой стороне, а второй - по правой.
.float-left {float:left}
.float-right {float:right} 
