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

Monday, March 31, 2025

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

HTML Horizontal Rule: Specifying the Width


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

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

The width value may be specified as a percentage or in pixels.

In the following example, the horizontal rule is displayed with the width set to 50%:




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.

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

<HR WIDTH="50%">

Edit the text indicated in bold to suit your needs.

In the next example, the horizontal rule is displayed with the width set to 200 pixels:



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

<HR WIDTH="200">

Edit the text indicated in bold to suit your needs.

 More Web Design Tips



eTips Member Login

Enter your email address and password to enter the private membership area:
Email:
Password:

Lost Password?

Email:

Not yet a member?

Click here to see what you're missing! Club members receive access to dozens of free video tutorials, utilities and ebooks.

Our Products


Web Design Mastery
Mastering Web Hosting
eBook Starter

Our Other Sites


ShelleyLowery.com
Web Design Mastery
Learn How to Make a Web Page
Make My Own Website Guide
Email Newsletter Service
Mastering Web Hosting
eBook Starter
Raging Hearts
Online Forex Trading For Beginners
Beginners Real Estate Investing

Partner Sites


Site Build It!
Web Site Templates

Web Site Design


HTML Tips
PC Security
CSS Tutorial
HTML Codes
Web Design Tips
JavaScript Codes
JavaScript Tutorial
Java Applet Tutorial
216 Web Safe Colors
Web Site Development
ASCII Character Codes

Follow Us


| Web Site Development | HTML Codes | HTML Tips | Javascript Snippets |
| Web Resources | 216 Safe Colors | Symbols | Web Development Strategies |
| FeedBack | About | Privacy Policy | Terms and Conditions | Site Map | Affiliate Program |


Web-Source.net http://www.web-source.net
Your Guide to Professional Web Site Design and Development
Hosted with Host4Profit.
Copyright © 1997-2025 Brajusta Publishing, Inc., All Rights Reserved