HR -- Horizontal Ruled Line

The HR element is used to draw a horizontal dividing line completely across the screen. This can be to logically separate blocks of text, or to separate icon lists from the body of the text.

The HR element is empty (you don't need a </HR>).

Example of HR

The following shows an example of the use of <HR> and the resulting rendering on a browser:

<HR>
<H1> When you have too much time to think </H1>
<HR>
<P> Does it worry you that doctors call it a "practice"?
<HR>
<P>Treat a man as he is and he'll remain what he is. 
Treat a man as what he could be and he'll become what 
he should be.

This is rendered as:

When you have too much time to think

Does it worry you that doctors call it a "practice"?

Treat a man as he is and he'll remain what he is. Treat a man as what he could be and he'll become what he should be.

Attribute Extensions

SIZE="n" --specifies the vertical width, in pixels, of the dividing line (n is an integer).
WIDTH="n", or "n%" --specifies the horizontal width, in pixels or as a percentage of the display width, of the dividing line (n is an integer).
ALIGN="left", "right", "center" -- specifies the alignment of the dividing line on the page. The default is centered.
NOSHADE --Draw the dividing line as a solid black bar -- the default is a shaded bar.
COLOR=name|#rrggbb> -- is an Internet Explorer extension that allows the specifying of the color of the horizontal rule.

Here are some examples:

<hr size=4 width=80%>
<hr size=10 width=40>
<hr size=10 width=40 align="left">
<hr size=10 width=40 align="left" noshade>
<hr size = 5 width=20% align="right">

Which are rendered as: