<di v>, - который содержал бы СSS-код для изображения и надписи к нему.
3. Сразу перед тегом <img> добавьте <div class ~ "figure">. После закрывающего
тега </р> надписи (который появляется сразу после тега <img>) добавьте закры-
Обучающий урок: позиционирование элементов страницы 409
вающий тег </div>. Когда вы это сделаете, НТМL-код должен выглядеть следующим
образом:
<div class="figure">
<img src="images/old home.jpg·· alt=··тhe Original Cosmo Home Page··
height="l86"/> -
<p>The Original CosmoFarmer Home Page</p>
</div>
Весь код для изображения и надписи находится в одном блоке; который вы
Можете выровнять и отформатировать как отдельный элемент.
4. Создайте стиль, чтобы отформатировать добавленный тег <div>:
#main . figure {
float: right;
width: 200рх;
margin-bottom: 2рх;
margin-left: lOpx;
Свойства в стиле должны быть к этому времени обновлены (особенно если вы
Читали гл. 8). Стиль выравнивает блок по правому краю страницы, а нижние
И левые отступы добавляют немного места между блоком с изображением и текстом,
Который обтекает его.
Теперь нам нужно убрать надпись из нормального потока страницы и поместить
