Свойство float позволяет выравнивать блочный элемент вправо или влево. float показывает браузеру по какой стороне должен отображаться элемент. При этом любой элемент будет обтекать текст. В css таким образом можна расположить любой элемент( список, элемент div, изображение и т.д.). Свойство float одно из главных свойств в css. Это очень сильное свойство используемое регулярно в современном Web- дизайне.
Свойство float может принимать 3 значения:
1.Right- элемент выравнивается по правой стороне, все остальные элементы обтекают его слева.
2.Left- элемент выравнивается по левой стороне, все элементы обтекают его справа.
3.None- элемент отображается стандартно, без обтекания.
Например мы хотим применить свойство float к изображению и чтобы текст обтекал его. Это должно выглядеть так:
На примере мы выровняли изображение влево, текст обтекает его справа.
Код в css:
На примере мы присвоили свойству float значение left. Также мы задали отступы со всех сторон от нашего изображения то других элементов.
Подключение класса в html:
