create version of h4 to display: inline

[mikewilltoo]

I have a modified version of h4, code below. I'd like to use that header sometimes inline, sometimes not. I've been reading around, but can't make out exactly to change the style.css code. Here's my h4:

#content h4 {
color: #008080;
font-size: large;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
font-style: italic;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

I tried adding this, below the #content h4 code:

.inline
{
display: inline;
}

with this in the page
<h4 class="inline" style="padding-left: 60px;">HEADERTEXT</h4> TEXTAFTERHEADER

but it didn't work. I have the feeling I'm almost there, but that only counts in horseshoes.
Any suggestions, greatly appreciated. THANKS.