СВОЙСТВО FLOAT
Свойство float указывает, что элемент будет изъят из потока и выровнен по левой или правой стороне содержащего его блока, где текст и другие строчные элементы будут его обтекать.
Поддержка браузеров
Синтаксис
clear: none|left|right|both|initial|inherit
Значения свойства
| Значение | Описание |
|---|---|
| none | Элемент не выровнен и не будет обтекаться. Это значение по умолчанию. |
| left | Элемент выровнен по левой стороне содержащего его блока и будет обтекаться. |
| right | Элемент выровнен по правой стороне содержащего его блока и будет обтекаться. |
| initial | Устанавливает значение по умолчанию. |
| inherit | Унаследует значение свойства от родительского элемента. |
Песочница
<img src="/images/solar-system-200.jpg"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ac nisi venenatis, convallis turpis eget, dapibus mauris. Integer a lorem at libero consequat aliquet. Fusce lacinia nunc erat, in sollicitudin orci posuere quis.</p> <p class="clear">Vivamus eget ante non sapien lobortis vulputate et id ante. Nunc quis leo at dui ultricies pellentesque sed non ante. Integer in efficitur nunc. Donec rutrum diam ac varius commodo. Ut ullamcorper, tortor et luctus convallis, odio urna sodales diam, id scelerisque dolor risus non orci.</p>HTML
img {
float: left
}
CSS