Adding h3 tags in a List

Please check out my site: I'm looking to add h3 tags in a list the way it's set up now, so it says:

Buy the Book | Download the Free Ebook | Listen to the Soundtrack

...but with h3 tags, rather than how I have it now, using <font color="#09f">.

I'd rather the list conformed with the h3 tags of the other headings, but when I add h3 to the header, the list is not side by side, it's up and down and drops beneath the header. The problem is that I want the black line separating each link, rather than have everything the same color.

Site is: http://theamericanbookofthedead.com

Thanks.

 

h3 tags are block elements by default. If you want them to display inline, then assign a class to them:

<h3 class="inline">Heading Here</h3>

Code (markup):

Then some styling:

.inline{
display: inline;
}

Code (markup):

 

Thank you !!!