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

Offering Free HTML Tips, Tags and Codes

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
website design

Colored Line Dividers (Horizontal Rules)


(Internet Explorer)

The <HR> tag, also known as the horizontal rule or line divider, is used to devide content areas within a web page.

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.




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