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

---

<hr>

---

<hr align=center width=60%>

---

<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

В начало ^