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

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

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

В этом нам поможет вот этот атрибут "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.

LI 5.09.15