CSS/ HTML broken formatting?!
Attempting to create a number of classes in CSS with different properties. 

However, no matter what the configuration, only properties assigned to #h2# and #p# seem to work. 

For instance 

h2.story {color:red;letter-spacing:1px;
text-align: right;
font-weight:bold;
font-family: Verdana;}

in CSS, with corresponding line in HTML ....      #h2 class="story"#Header 2#/h2#

Produces text saying 'Header 2' that is coloured red and aligned to the right. 

However,  


h3.arc {color:green;letter-spacing:1px;
text-align: right;
font-weight:bold;
font-family: Georgia;}

in CSS, with corresponding line in HTML ....      #h3 class="arc"#Header 3#/h3#

Produces text saying 'Header 2' that is BLACK and aligned to the LEFT (i.e. default properties) 

BTW for clarity: I am using the hash symbol # in lieu of <> in order for the text to be displayed correctly in this form.

Thanks.
CSS/ HTML broken formatting?!
===

Attempting to create a number of classes in CSS with different properties. 

However, no matter what the configuration, only properties assigned to #h2# and #p# seem to work. 

For instance 

h2.story {color:red;letter-spacing:1px;
text-align: right;
font-weight:bold;
font-family: Verdana;}

in CSS, with corresponding line in HTML ....      #h2 class="story"#Header 2#/h2#

Produces text saying 'Header 2' that is coloured red and aligned to the right. 

However,  


h3.arc {color:green;letter-spacing:1px;
text-align: right;
font-weight:bold;
font-family: Georgia;}

in CSS, with corresponding line in HTML ....      #h3 class="arc"#Header 3#/h3#

Produces text saying 'Header 2' that is BLACK and aligned to the LEFT (i.e. default properties) 

BTW for clarity: I am using the hash symbol # in lieu of <> in order for the text to be displayed correctly in this form.

Thanks.