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

       

Автономные изображения


Если изображение появляется отдельно стоящим в строке, то его можно сместить по горизонтали влево, вправо или поместить в центре. Такое позиционирование осуществляется с помощью применения стиля text-align, только не для самого изображения, а для охватывающего изображение контейнера, обычно тега <p> или <div>, который отделяет свое содержимое от окружающего текста с помощью пустой строки или переноса строки.

<p style="text-align:center"><img src="Earth.gif" alt="Изображение Земли"/></p>


Рис. 5.11.  Горизонтальное выравнивание изображения с помощью тега <p>

В приведенном выше примере тег <img/> вложен внутрь параграфа, чтобы отделить его от окружающего текста пустыми строками. Содержимое параграфа выравнивается по центру, размещая, таким образом, содержащееся в параграфе изображение по центру.



Содержание  Назад  Вперед