How to Add Horizontal Rules With HTML

Examples of a horizontal rule

One of the most important aspects of web communication is making content clear and intuitively organized for users. A web page that consists of huge blocks of text without breaks and formatting will likely lose readers far before achieving the goals of the site. There are many ways to achieve a well-structured site, including the use of horizontal rules. A horizontal rule is a line stretching horizontally across a web page that shows a reader the end or beginning of a section.

Things You'll Need

• Text editing software

Instructions

1. Type <hr in the text editor where you want the horizontal rule to start.

2. Type size="n," where n is the height of the horizontal rule in pixels.

3. Type width="w," where w is either the width of the horizontal rule in pixels or a percentage of the page's width.

4. Type align="direction," where direction is either left, right or center if the horizontal rule is not as wide as the page itself.

5. Type /> to close the tag and end the horizontal rule.

Tips & Warnings

• Type noshade for a solid bar. You may also use CSS or borders to achieve an effect similar to a horizontal rule.