Как размещать текст и картинки в одной строке?

Четверг, 01 Октября 2009 г. 09:30 + в цитатник

Очередное дополнение в

Порой при написании сообщения в дневнике надо в одной строке разместить картинку и текст. И вот как сделать это красиво?

В этом нам поможет вот этот атрибут "align" (про него можно прочитать тут в примечании №2) и вот этот квадратик:

Процитирую полностью указанное примечание:
Для выравнивания только картинки, атрибут "align" можно добавить в её код.
Например (выравниваем направо):

<img src="//img1.liveinternet.ru/images/attach/c/1//49/319/49319291_001.png" align="right" />

Чуть ниже привёл все значения этого атрибута.

1. align="left" - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.

2. align="right" - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.

3. align="top" или align="texttop" - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.

4. align="middle" – выравнивает базовую линию текущей текстовой строки с центром изображения .

5. align="absmiddle" – выравнивает центр текущей текстовой строки с центром изображения

6. align="bottom" и align="baseline" – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.

7. align="absbottom" – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

Примечание:
Базовая линия (baseline или bottom) - это нижняя часть линии текста, которая проводиться без учёта нижней части (descender) некоторых символов, например, букв типа j, q, y. В отличии от выравнивания по базовой линии, при задании значения absbottom выравнивание выполняется по нижней части самого низкого элемента в строке, т.е. по одному из символов строки, имеющему элементы, лежащие ниже базовой линии. Аналогично обстоит дело с различием между параметрами top и texttop.

Update
Как установить этот атрибут при добавлении картинки в расширенном редакторе?

LI 5.09.15