<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 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>

Различные декоративные линии представляют собой картинки (и их должны корректно отображать все браузеры)
 Собраний таких картинок в сети сейчас пруд пруди.
 Наберите в поисковике divider — и вперед
 Если нужно прижать линию к левой кромке записи, вместо align=center ставьте align=left
 к правой — align=right