Guide to creating a web site, web design, web development, internet marketing, promotion, html tips and tricks, javascript and more.

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

Customizing Horizontal Rules - Line Dividers

Open Directory Projectfree ebooksfree articles
web site design development internet marketing and promotion tutorials

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

webmaster resources

Customizing HTML Web Page Horizontal Rules (Line Dividers)

(Internet Explorer)

The HTML web page horizontal rule <HR>, also known as a line divider, is used to divide content areas within a web page.

These HTML horizontal rules can be used to divide your web page content subjects, products, navigational menus or whatever you'd like. They provide a great way to add color to your pages without using images and will enable you to improve the appearance of your web pages.

If you're using line dividers (horizontal rules) within your web page, you can change the color, width and height of the line dividers by adding some attributes to your <HR> HTML code.

The examples below show various styles of the HTML <HR> tag. They are displayed in a table and the width attributes span the set percentage of the table. When used without a table, the width will span the set percentage of the entire web page.



<HR>



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




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



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



<HR WIDTH="25%" COLOR="#6699FF" SIZE="6">

Edit the text indicated in bold to suit your needs.

Using customized HTML web page horizontal rules or line dividers will enable you to quickly and easily spice up your web pages.




Submit your HTML code snippets. We'll credit you and give you a link to your website.