Это цитата сообщения Rost Оригинальное сообщение

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



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

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

В общем виде используется такой html код:
<div align="выравнивание">То, что равняется</div>,
где
выравнивание - "left" (слева) или "right" (справа).
Для выравнивания по центру надо просто написать "center".


Пример №1 (по центру)
Чтобы добавить этот пост в цитатник, нажмите на картинку!
[251x101]
Код этого элемента:
<center>Чтобы добавить этот пост в цитатник, нажмите на картинку!<br /><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img1.liveinternet.ru/images/attach/c/0/38/185/38185070_Button.jpg" target=_blank border="0">[показать]</a></center>

Пример №2 (справа)

Код этого элемента:
<div align="right">Чтобы добавить этот пост в цитатник, нажмите на картинку!<br /><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img1.liveinternet.ru/images/attach/c/0/38/185/38185070_Button.jpg" target=_blank border="0">[показать]</a></div>

Пример №3 (слева)

Код этого элемента:
<div align="left">Чтобы добавить этот пост в цитатник, нажмите на картинку!<br /><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img1.liveinternet.ru/images/attach/c/0/38/185/38185070_Button.jpg" target=_blank border="0">[показать]</a></div>

Примечание №1
Для выравнивания налево и по центру (посередине) можно вместо этой конструкции использовать конструкции:
<left>То, что равняется</left> - для выравнивания по левому краю
<center>То, что равняется</center> - для выравнивания посередине (по центру).

Примечание №2
Для выравнивания только картинки, элемент "align" можно просто добавить в её код.
Например (выравниваем направо):
<img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img1.liveinternet.ru/images/attach/c/0/38/185/38185070_Button.jpg" target=_blank border="0">[показать]</a>
Все значения атрибута "align" и их предназначение можно прочитать тут:
Как размешать текст и картинки в одной строке?

LI 5.09.15