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

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

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


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.