Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

Adding horizontal rules

If you want to split up sections of text, you can use the <hr> tag to draw a horizontal rule across the document. The default rule is a line that goes across the full width of the page but you can change the thickness, shading, width, alignment and colour of the line. It is a useful way to get a simple divider without using a graphic.

For example:

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

Displays as:

The size is a number of pixels, the width can be either a number of pixels or a percentage, and the alignment can be left, right or center.