CSS: свойство clear
Добавлено: 30 сен 2013, 14:04Данное свойство определяет запрет его обтекания с одной из сторон другими элементами. Может принимать значения None, both, left, right, inherit.
Пример:
Результат:
Пример:
- Код: выделить все
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Свойство clear</title>
<style>
#blok {
float: left; /* Обтекание блока по правому краю */
background: #ec4; /* Цвет подложки */
border: 2px dashed green; /* Свойства рамки */
padding: 15px; /* Отступы вокруг текста */
width: 45%; /* Ширина текстового блока */
}
</style>
</head>
<body>
<div id="blok">
Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово </div>
<div style="clear: left"></div>
<p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </p>
</body>
</html>
Результат:
- Применение свойства clear