• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 1. Learning the Basics > Adding Horizontal Rules

Adding Horizontal Rules

A horizontal rule is a line that goes across the page and provides a visual division between sections of your page.

1.
In the Common Objects panel, click the Insert Horizontal Rule button and drag a horizontal rule to the bottom of the document, or click the bottom of the document and choose Insert > Horizontal Rule.

If the Common Objects panel is not visible, choose Window > Objects.

2.
In the property inspector, type 90 in the W (width) text box. Choose % from the drop-down menu to the right of the text you just typed.

The horizontal rule extends across 90% of the browser window regardless of the browser width. The rule is displayed as a shaded bar centered on the page.

NOTE

Choose pixels from the menu to specify an absolute width. If you choose this option, the rule is not resized when users resize the browser window.

3.
Deselect Shading. Type 3 in the H (height) text box.

Deselecting the Shading checkbox displays a solid bar. The horizontal rule is 3 pixels high.

4.
From the Align drop-down menu, choose Left.

The thick, unshaded bar moves to the left but still extends across 90% of the browser window.

5.
Save the file and preview it in the browser.

Notice how the horizontal rule appears. You can make changes by selecting it and modifying the properties in the property inspector.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint