How to Add a Horizontal Rule in Dreamweaver

A horizontal rule is simply a line that runs horizontal on a screen. Adding a horizontal rule in Dreamweaver is easy and will help separate certain elements in a website from each other, letting you create certain sections of text or images while still keeping them on the same page.

Things You'll Need

• Dreamweaver

Instructions

1. Start Dreamweaver and create a new HTML file by clicking on "HTML" on the introduction splash screen.

2. Click with your mouse to place your insertion point where you want the horizontal line to appear.

3. Go up to the "Insert" menu and select "HTML" and then "Horizontal Rule."

4. Notice at the bottom of the screen you have a "Properties" pane that has different options for customizing a horizontal rule.

5. Change the width and height of the horizontal rule by keying the number of pixels or percentage of the screen size you want the horizontal rule to be.

6. Choose "Default," "Left," "Right" or "Center" from the Align drop-down box to change the placement of the horizontal rule on the screen.

7. Check the "Shading" checkbox to apply a shadow to the horizontal rule.

Tips & Warnings

• You can also insert a horizontal rule by changing to the HTML toolbar and selecting the Horizontal Rule button on the toolbar.

• To bring up the properties for an existing horizontal rule, select it and the options will be brought up in the Properties pane.

• The "Class" option of the horizontal rule properties is only used if you have a CSS style for horizontal rules.

• Delete a horizontal rule by selecting the horizontal rule and pressing the backspace key on your keyboard.