Пример:
- Код: выделить все
<!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>
Результат: