Create and edit horizontal rules in Dreamweaver

Learn how to create and modify horizontal rules to separate text and visual objects in Dreamweaver.

Horizontal rules (lines) are useful for organizing information. On a page, you can visually separate text and objects with one or more rules.

In the Document window, place the insertion point where you want to insert a horizontal rule.

Select Insert > HTML > Horizontal Rule.

You can also insert a horizontal rule from the HTML section of the Insert panel.

In the Document window, select the horizontal rule.

Select Window > Properties to open the Property inspector, and modify the properties as desired:

Modifying the properties of a horizontal rule

The ID text box

Lets you specify an ID for the horizontal rule.

W and H

Specify the width and height of the rule in pixels or as a percentage of the page size.

Align

Specifies the alignment of the rule (Default, Left, Center, or Right). This setting applies only if the width of the rule is less than the width of the browser window.

Shading

Specifies whether the rule is drawn with shading. Deselect this option to draw the rule in a solid color.

Class

Lets you attach a style sheet, or apply a class from an already attached style sheet.

Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices | Online Privacy Policy

Using horizontal rules in Dreamweaver

Create a horizontal rule

Modify a horizontal rule

Ask the Community

Contact Us