I have set the css value for the heading <h3> tag but I couldn't copy the same effect for my heading <h1>.


h3 { margin-bottom: 1em; line-height: 2em; }
h3 a { color: #4d4d46; display: block; font-weight: normal; font-size: 2.2em; letter-spacing: -.5px;}
h3 small { float: right; font-size: .4em; color: #b4b463; line-height: 2.2em; background: url("images/comment.gif") no-repeat left center; padding-left: 20px; ?margin-top: -2em; }
h3 a:hover { text-decoration: none; }
h3 a:hover span { text-decoration: underline; }


I would like to copy the same effect of the h3 above for my h1, but doesn't work!

h1 { margin-bottom: 1em; line-height: 2em; }
h1 a { color: #4d4d46; display: block; font-weight: normal; font-size: 2.2em; letter-spacing: -.5px;}
h1 small { float: right; font-size: .4em; color: #b4b463; line-height: 2.2em; background: url("images/comment.gif") no-repeat left center; padding-left: 20px; ?margin-top: -2em; }
h1 a:hover { text-decoration: none; }
h1 a:hover span { text-decoration: underline; }