Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

HTML Horizontal Rule: Changing the Height or Size


The HORIZONTAL RULE tag is used to divide subjects within a web page.

You can specify the height of an HTML horizontal rule <HR> by adding the SIZE attribute to your horizontal rule HTML tag.

In the following example, the horizontal rule is displayed with the height set to 3:



Copy and paste the following code into the HTML portion of your web page where you would like the horizontal rule to appear:

<HR SIZE="3">

Edit the text indicated in bold to suit your needs.

In the next example, the horizontal rule is displayed with the height set to 6. Notice how the height increases when the SIZE value is increased:



Copy and paste the following code into the HTML portion of your web page where you would like the horizontal rule to appear:

<HR SIZE="6">

Edit the text indicated in bold to suit your needs.

Customizing your horizontal rule line dividers will enable you to enhance the appearance of your web site.

 More Web Design Tips