Это цитата сообщения Помогай-ка Оригинальное сообщение

Как разместить текст или картинку слева, справа или посередине?

[показать]Мне многие часто задают вопрос, о том, как разместить текст или картинку в сообщении, в эпиграф дневника и/или в графе "О себе" профиля слева, справа или посередине. Ну, нет ничего проще.
Для этого придётся научится пользоваться html конструкцией "div align=выравнивание", где выравнивание может принимать одно из 3 значений: "left" (слева), "right" (справа) или "center" (в центре, посередине).

В общем виде используется такой html код:

 

 

где
выравнивание - "left" (слева) или "right" (справа).
Для выравнивания по центру надо просто написать "center".

Пример №1 (по центру).
Код этого элемента:

 

Размещаем текст и картинку по центру
"Адрес картинки" />

 

Размещаем текст и картинку по центру
[показать]

Пример №2 (справа).
Код этого элемента:

 

Пример №3 (слева).
Код этого элемента:

 

Примечание №1
Для выравнивания налево и по центру (посередине) можно вместо этой конструкции использовать конструкции:
 

То, что равняется   - для выравнивания по левому краю

 

То, что равняется

  - для выравнивания по центру (по середине)

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

 

  [показать]
 

 

Примечание№3

Всеми кодами пользуемся в простом редакторе! 

 

Все значения атрибута 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.

По материалам сообщений Rost