Основы работы с XHTML и CSS


Example.5.6


<p>Это изображение с заголовком, где изображение смещается влево, а заголовок обтекает его справа. </p>

<div> <img src="book.gif" alt="Изображение книги" style="float:left; margin-right:10px; margin-bottom:10px"/> <b>Figure 1.</b><br/> <i>The Passion of the Western Mindv/i>. </div>

<p style="clear:left">Этот параграф выводится ниже изображения, а не обтекает его ниже заголовка.</p>

Листинг 5.6. Код вывода параграфа текста, использующего свойство clear для левого поля

Закрыть окно




Начало  Назад  Вперед