Step 1
Open an editable version of the page on your Web site where you to want to insertion a horizontal rule. You need be able to to publish the HTML code of the page.
Step 2
Type this code where you to want a defect horizontal regulate to appear:
<hr />
Step 3
Save your changes. Reload the page to to confirm the horizontal regulate appears in the correct place.
Step 4
Type this code to insertion a red horizontal rule:
<hr style="color: red; background-color: red" />
Change the color by replacement both references of "red" with a different color. You can too use hex codes (six-digit alphanumeric codes that stand for a specific color); use the W3Schools.com HTML Color Names diagram (see Resources) for this.
Step 5
Type this code to change the cut and/or width of the horizontal rule:
<hr style="width:400px; height:2px;" />
Change "400" and "2" to the width/height characteristics for your horizontal rule. You can to specify percentages instead, like this:
<hr style="width:80%; height:2px;" />
Step 6
Combine model codes to to create a horizontal regulate -- a bar -- with a Habit color and size. For example:
<hr style="color:pink; width:350px; height:4px;" />
