<h*>, CSS, and lines

mornin'

Let's say I have this code:

That outputs something like this (assuming no CSS interference):

Bob's Heading:
Bob's content for Bob's Heading.
(Content is automatically put in new line)

Now let's say there is a certain other party who has influence over my decision over what I try to make the above look like (by controlling my personal income) and that party makes me decide that the output should look like this:

Bob's Heading: Bob's content for Bob's Heading.
(Content is on the same line as heading.)

Is it possible to do with just CSS? I'm trying to keep content and presentation as separate as possible. Also, I want to use s for SEO. Thus, I want to avoid having to use a and a (as I have it right now), for it defeats the above two goals.

I've tried float:left for , and it works in Moz, but IE messes it up.

Any ideas?

Much appreciated, and apologies if the post doesn't make much sense.