CSS - Need some help with Wordpress Header

In my wordpress theme, I have

<h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <h2><?php bloginfo('description'); ?></h2>

Regardless of what I put in the css file, the theme name and description always end up on two seperate lines. How do I get them on one single line?

I do need to keep the H tags around the two lines so that I can style them individually, but I'd really like to have them on 1 line.

Thank you

 

H1 and H2 are block elements and by default take up the whole line.

Use something like the css below to get them onto 1 line.

h1, h2 { display:inline-block;}

Code (markup):

 

Try to put in the CSS h1 and h2 together

h1, h2 { etc...}

However h1 or h2 will take one line each

 

Thanks, this worked well in Firefox, but IE7 didn't recognize this. Is there something similar that could be used that would work in FF and IE?