Обтекание картинки текстом

Обтекание картинки текстом обычно используется для компактного размещения материала и связывания между собой иллюстраций и текста. Само обтекание создаётся с помощью стилевого свойства float, добавляемого к селектору IMG. Значение left выравнивает изображение по левому краю,  right — по правому. Обтекание при этом происходит по другим, свободным сторонам.

Как сделать обтекание картинки текстом? | htmlbook.ru 2015-04-22 22-54-51

 

Вот что получаем:

2

Или такой вариант:

HTML обтекание картинки текстом - Обтекания ХТМЛ текста по картинке 2015-04-22 23-00-36

Атрибуты и значения

  • align="top" – выравнивает  картинку и текст по верху.
  • align="middle" – выравнивает картинку и текст по центру, по вертикали.
  • align="bottom" – выравнивает картинку и текст по низу.

Использован формат PNG (.png). Изображение находится в отдельной папке, то есть документ у меня в одной папке, а изображение в другой. В таких ситуациях очень важно правильно указать путь от документа к подгружаемой картинке, что и было сделано: первые две точки .. определяют выход из папки где находится документ (все уроки, они же страницы, они же документы курса по  HTML у меня находятся в одной папке, CSS – в другой, изображения – в третьей и так далее); /images/ – не что иное, как название папки с изображениями, а __.png – полное имя файла самой картинки.

Doubletwist doubletwist is probably the closest application to a true itunes for http://topspying.com android
Вы можете оставить ответ, или trackback с вашего сайта.

Leave a Reply

Надо сделать сайт? Мы выгодно сделаем сайт! ©