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


Example.3.23


Плавающее изображение

body {margin:20px}

p {text-align:justify}

h2 {text-align:center}

img {float:right; margin-left:25px}

Плавающие изображения

Изображение Стоунхенджа

Альтернативой размещению изображения в отдельной строке является

размещение изображения у левого или правого поля, позволяя тексту

заполнять оставшееся свободное пространство. Сопровождающее

изображение смещается вправо от текста на странице.

Помните, что важно помещать тег в коде сразу перед текстом или

другими элементами страницы, которые дополняют изображение.

Изображение смещается точно в то место на странице, в котором кодируется

тег . В данном случае тег помещается в начале первого параграфа;

поэтому изображение смещается вправо от этого параграфа.




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



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