css headings

[mindreader13]

I would like to add a horizontal line right below heading1 and heading2. Can anyone help with the syntax and where should I make the amendment?
THX a lot
Horace

[amelder]

There are a number of ways to do this but for simple and specific, use the h1 and h2 selectors and border-bottom-style and border-bottom-width properties.

For instance:

h1, h2 {
border-bottom-style: solid;
border-bottom-width: 3px;
}

Add the CSS to either of the Override CSS fields on the Visual appearance page, reached from the Control Panels.

If you'll be doing much work with CSS, you should get a book that will help you learn how to do it well. However, you can find a good online reference at:
http://reference.sitepoint.com/
and basic tutorials at:
http://www.w3schools.com/default.asp

[aurora]

Not as elegant or preferred but <hr></hr> works also if you need an occasional horizontal line.

[mindreader13]

THX so much

[amelder]

The second, Custom Content Styles field is slightly better than the upper, Template Override field just because modified style will appear when editing.