СВОЙСТВО CLEAR
Свойство clear позволяет очищать эффект от свойства float применённого к элементу, который находится перед данным элементом.
Поддержка браузеров
Синтаксис
clear: none|left|right|both|initial|inherit
Значения свойства
| Значение | Описание |
|---|---|
| none | Позволяет элементам обтекать с обеих сторон. Это значение по умолчанию. |
| left | Не позволяет элементам обтекать с левой стороны. |
| right | Не позволяет элементам обтекать с правой стороны. |
| both | Не позволяет элементам обтекать с обеих сторон. |
| 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
}
.clear {
clear: both
}
CSS