This is a horizontal line:

Pretty boring isn't it. But you can do loads of cool stuff with it. Never underestimate the possiblities of a HTMl tag if you ask me, and the horizontal line is definatly one that you should not. Lets start by making it shorter.

Heres the code:

<hr width="50%">

You can use pixels too:

<hr width="200">

You can even give it a height tag

<hr width="50%" size="5">

Lets stick to the original one for the moment, but lets make it left aligned

<hr align="left" width="50%">

You can set it to left, right or center. Center is the default. Horizontal lines also have shading, but they don't have to:

<hr width="50%" noshade>

The best tag in horizontal lines though is color:

<hr width="50%" color="#FF0000">

When you add color to the tag it automatically turns shading off, but it still looks better than dull gray. Now put everything together. I put in the noshade attributary even though you dont need it:

<hr align="center" width="50%" size="3" noshade color="#FF0000">

Source: Worfolk Developers Library