Path = Home : Webmaster Resources : HTML Design Tips : How To Create Horizontal Rules Using The <hr> Tag

How To Create Horizontal Rules Using The <hr> Tag

 

The <hr> tag creates a horizontal line across a web page.

You can specify the height, width, color and shading
values within the <hr> tag.

Examples:

<HR WIDTH="50%" SIZE="3">

---

This example will display your horizontal rule across
50% of your page width or if placed within a table cell,
50% of the table cell.

<HR WIDTH="50%" SIZE="1" NOSHADE>

---

This example will display your horizontal rule across
50% of your page width with the height set to 1. The
NOSHADE will display the <HR> as a solid line.

<HR WIDTH="75%" COLOR="#FF0000">

---

This example will display a red horizontal rule across
75% of your page.

<hr align="left" width="70%" size="2" noshade COLOR="#FF6633">

---