Выравнивание текста по центру
<center>ваш текст </center>

---

Выравнивание текста по левому краю поста

<div align="left"> ваш текст </div>

---

Выравнивание текста по правому краю поста

<div align="right"> ваш текст </div>

---

<div align="right"> Текста с правого края поста в две и более строк, с выравниванием справа </div>

---

<div style="float:right;"> Текста с правого края поста в две и более строк,<br /> с выравниванием </div><br clear="all" />

---

Текст с выравниванием справа и отступом от правого края

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от правого края - 1em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от правого края -5em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от правого края -15em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от правого края -25em

<p align="right" style="margin-right:ЧИСЛОem">ВАШ ТЕКСТ</p>

---

Текст с выравниванием справа и отступом от левого края

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от левого края - 1em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от левого края - 5em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от левого края -15em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от левого края -25em

<p align="right" style="margin-left:ЧИСЛОem">ВАШ ТЕКСТ</p>

---

Текст с выравниванием слева и отступом от правого края

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от правого края - 1em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от правого края - 5em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от правого края -15em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от правого края -25em

<p align="left" style="margin-right:ЧИСЛОem">ВАШ ТЕКСТ</p>

---

Текст с выравниванием слева и отступом от левого края

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от левого края - 1em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от левого края - 5em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от левого края -15em

Изменяем число «em» - и наблюдаем как изменилась строка и выравнивание. Отступ от левого края -25em

<p align="leftt" style="margin-left:ЧИСЛОem">ВАШ ТЕКСТ</p>

---

Текст в абзаце распределяется равномерно по всей ширине поста, выравнивание одновременно по правому и левому краю. Каждая строка имеет одинаковую длину (как в журналах и газетах), а выравнивание текста достигается изменением пробелов между словам. Это значение работает только для текста, длина которого более, чем одна строка.

<div align="justify"> ваш текст </div>

---

В абзаце первое предложение будет с отступом, как в книгопечати. Число«px» можно заменить на любое значение, чтобы отступ от края в абзаце стал больше или меньше.

Абзац с отступом - 10px

Абзац с отступом - 40px

Абзац с отступом - 100px

Абзац с отступом - 150px

Абзац с отступом - 200px

<p style="text-indent: 40px">ваш текст</p>

---

Отступ для цитат и примечаний

(текст примечания имеет отступ слева в 8 пробелов и выделен вертикальной чертой слева)

<blockquote> ваш текст </blockquote>

---

Расположить текст в двух колонках

1я строка текста левой колонки 2я строка текста левой колонки 3я строка текста левой колонки и т.д.

1я строка текста правой колонки 2я строка текста правой колонки 3я строка текста правой колонки и т.д.

  <table width="100%"><br /> <td width="50%">текст левой колонки<br /> <td width="50%">текст правой колонки</td></td></table>

---

«Тег-закрепитель» (фиксирует текст так, как и расположите его в поле поста)

Текст располагаете

                        на своё усмотрение    

<pre>ваш текст</pre>

Особенность. Текст, заключенный в тег pre отобразится в окне браузера так называемым «моноширинным» шрифтом. Обычно в качестве такого шрифта используется Courier New.
Если вас это не устраивает, воспользуйтесь встроенными стилями и назначьте свой шрифт:

<pre style="font-family:'Arial Black'">ваш текст</pre>

---

Запрет переноса строки.
В результате строка будет размещаться в одной строке независимо от ее размера. Закрывающийся тег обязателен.
<nobr>...</nobr>

---

Текст, обтекаемый другим текстом

Притча "Крест"

Решил как-то один человек, что у него слишком тяжелая судьба. И обратился он к Господу Богу с такой просьбой: "Спаситель, мой крест слишком тяжел и я не могу его нести. У всех людей, которых я знаю, кресты гораздо легче. Не мог бы ты заменить мой крест на более легкий?" И сказал Бог: "Хорошо, я приглашаю тебя в мое хранилище крестов - выбери себе тот, который тебе самому понравится". Пришел человек в хранилище и стал подбирать себе крест: он примерял на себя все кресты и все ему казались слишком тяжелыми. Перемеряя все кресты, заметил он у самого выхода крест, который показался ему легче других и сказал Господу: "Позволь мне взять этот". И Бог сказал: "Так ведь это есть твой собственный крест, который ты оставил в дверях, чтобы примерить остальные".
<p style="padding-right: 8px; margin-top: 0px; float: left; margin-bottom: 3px; width: 30%; color: blue;">Текст внутри</p>Обтекающий текст

---

<div style="line-height:50px;">Увеличенное расстояние между строками в тексте</div>

---

<div style="letter-spacing: 10px;">Увеличенное расстояние между буквами в тексте</div> Значение 10px можно менять

---

<div style="word-spacing: 20px;">Увеличенное расстояние между словами в тексте</div>


<div style="word-spacing: 40px;">Увеличенное расстояние между словами в тексте</div>

---

Текст БОКОМ - повернуть текст на 90 градусов (работает только в IE):
Текст
<span style="writing-mode:tb-rl;">Текст</span>
Текст
<font color="ff0000"><span style="writing-mode:tb-rl;">Текст</span></font> - цветной текст

---

Правильное (и уважительное) указание автора под скопированным текстом (цитатой) с всплывающей доп. информацией при наведении курсора на имя автора.
Например:

<div align="right"><cite title="Информация">© АВТОР</cite></div>

---

Скрыть часть поста под кат - от английского глагола «cut» (обрезать, вырезать), то есть будет не виден.

Тег [more] - открывающий, тег [/more] - закрывающий

[more]Текст который будет скрыт под катом[/more]
получится строчка Читать далее

[more=Текст ссылки перехода]Текст который будет скрыт под катом[/more]
например: Продолжение

[more=<*img src="Адрес картинки"/>]Текст который будет скрыт под катом[/more]
(* убрать)
получится примерно так:

---

Списки
Нумерованные списки

1. первый пункт вашего текста
   
2. второй пункт вашего текста
   

<ol><br /><li> первый пункт вашего текста<br /></li><li> второй пункт вашего текста<br /></li></ol>
Если нам нужно начать нумерацию не с единицы, то следует использовать параметр start, в качестве значения которого указывается число, с которого будет начинаться список (если нумерация задается с помощью букв, то это число будет указывать на позицию в алфавите).

3. первый пункт вашего текста
   
4. второй пункт вашего текста
   

<ol start="3"><br /><li> первый пункт вашего текста<br /></li><li> второй пункт вашего текста<br /></li></ol>

---

Можно задать параметр value, который позволяет изменить номер данного элемента списка. При этом изменяется нумерация и всех последующих элементов.

1. красный
2. оранжевый
3. желтый
.....
6. синий
7. фиолетовый

<ol><li>красный</li><li>оранжевый</li> <li>желтый</li>.....<li value="6">синий</li><li> фиолетовый </li></ol>

---

Маркированные списки По умолчанию маркер отображается в виде черного кружочка

• ваш текст
• ваш текст

<ul><li>ваш текст</li><li>ваш текст</li></ul>

или так:

Список цветными кружочками
• Позиция 1
• Позиция 2
• Позиция 3
<br /> <font color="red">•</font> Позиция 1<br /> <font color="blue">•</font> Позиция 2<br /> <font color="green">•</font> Позиция 3

Список цветными сердечками.
♥ Позиция 1
♥ Позиция 2
♥ Позиция 3
<br /> <font color="red">♥</font> Позиция 1<br /> <font color="blue">♥</font> Позиция 2<br /> <font color="green">♥</font> Позиция 3

Список цветными квадратикамии.
□ Позиция 1
□ Позиция 2
□ Позиция 3
<br /> <font color="red">□</font> Позиция 1<br /> <font color="blue">□</font> Позиция 2<br /> <font color="green">□</font> Позиция 3

---

Вложенные списки

• Животные
  
  1. кошки
  2. собаки


• Растения
  
  1. деревья
  2. цветы

<ul> <li>Животные<br /> <ol><li>кошки</li><li>собаки</li></ol> </li><br /> <li>Растения<br /> <ol><li>деревья</li> <li>цветы</li></ol></li></ul>
Уровень вложенности может быть любым, главное не запутаться.

---