Can someone help convert this to css?

I'm a css newbie. I have a really basic question and wonder if you guys can help. Here's the code:

<td  style='padding-left:10px; height:32px;' >Chicken Gumbo</td>

Code (markup):

I would like the text 'Chicken Gumbo' to have the attributes of 'padding-left:10px; height:32px;' when I wrap the text in an H1 tag. I only want this to happen on my 'details.php' page. I know that css can accomplish this, but I'm not sure how to go about setting it all up. I guess I somehow have to declare the page somewhere in the table (class?) and then have some kind of 'details.h1' definition? Any help is much appreciated. I've tried a few things and have failed miserably.

 

.h1Details
{
 padding:0px;
 margin:0px;
 padding-left:32px;
 height:32px;
}

Code (markup):

Then your code on the details page would be...

<h1 class="h1Details">Chicken Gumbo</h1>

Code (markup):

That should work. I didn't test it. Let me know if it worked.

 

Just tested it...it works.

 

Excellent! Much appreciated my friend!