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


Выравнивание изображений


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

<p style="text-align:center"><img src="Stonehenge.jpg" alt="Стоунхендж"/></p>

Выравнивание изображения по центру

Рис. 3.8.  Выравнивание изображения по центру

Отметим также, что хотя именем свойства является "text"-align (т.е., выравнивание "текста"), содержимое любого вида, вложенное в параграф, текст или что-то другое, будет выводиться в центре строки.




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



Книжный магазин