Цитата сообщения Lebedeva-3-3 Линейки-разделители

Линии можно применять, например, для того, чтобы делить пост на логические разделы, отделять друг от друга цитаты, мысли, афоризмы.
Замечу, что цветные линии отображаются на 100% корректно только в IE
Вот она, линия:

---

ее код:

<hr>

Далее:

---

<hr align=center width=60%>

По умолчанию линия имеет толщину 2 пиксела и некоторую объемность.

Необъемная линия:

---

<hr noshade>

---

<hr noshade width=60% size="3">

---

<hr size=3 color="#FF0000">

---

<hr color="#00B344">

---

<hr noshade align="center" width="3" size="50">

---

<hr size="5" width="60%" align="center" color="blue">

---

<hr color="blue" size="7" style="border: dotted 5pt; border-color: red ">

---

<hr color="red" size="9" style="border: dotted 5pt; border-color: blue ">

---

<hr color="black" size="4" style="border: dashed 5pt; border-color: aqua ">

Повторюсь, что цветные линии корректно отображает только IE, поэтому иногда проще использовать клавиатурные или спец. символы:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

оформленные в виде текстового абзаца:

<p align=center style=color:blue;>~~~~~~~~~~~~~~~~~~~~~~~~</p>

Можно выпендриться как-нибудь эдак:

<img src=http://img218.imageshack.us/img218/4139/line014aq3.gif align=center>

эдак:

<img src=http://img218.imageshack.us/img218/9140/line002va4.gif align=center>

эдак:

<img src=http://media.bigoo.ws/content/90/265890/Stars.gif align=center>

или эдак:

<img src=http://img87.imageshack.us/img87/6087/hline13lz2.gif align=center>

Эти линии представляют собой картинки (и их должны корректно отображать все браузеры)

Собраний таких картинок в сети сейчас пруд пруди.

Например, ЗДЕСЬ

Наберите в поисковике divider — и вперед

Если нужно прижать линию к левой кромке записи, вместо align=center ставьте align=left

к правой — align=right

источник