What's the simple code for this?

Question

Hello, I know it is a very simple code but what is the code if I want to have different properties for headings and such in different id's. For example I want ID "sidebar"'s headings to be aligned in the center but I want ID "main-body"'s headings to be aligned to the left. How would I go about doing that?
Thanks!

Answer 1

CSS:
body {
text-align:left;
#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4 {text-align:center}
/**re-usable classes**/
.center {text-align:center}
.right {text-align:right}
HTML:
<div id="main_body">
     <h1>This is left aligned by default</h1>
     <h2 class="right">This is right aligned by virtue of the class .right.</h2>
</div>
Nancy O.