Alternatively, you could use

webwiz — Wed, 09 Jun 2010 19:40:28 +0000

Alternatively, you could use this HTML and style to taste:
<h2><a href="whatever.html">Famous Web Article <small>- my best effort to date</small></a></h2>

Cordially,
David
--

Okay, a few issues here.

Megan — Wed, 09 Jun 2010 15:32:51 +0000

Okay, a few issues here. First of all, I would probably mark this up differently. The h1 should probably be used for the title of the individual page, not for the overall site title. See my blog post about that here:

http://meganmcdermott.com/2007/05/01/using-the-h1-tag/

So you could mark this up like this:

<div id="#garden-designer-title">
  <h2><a href="(*website address*)" title="home">Joe Blogs</a></h2>
  <p><a href="(*website address*)" title="home">Garden Design</a></p>
</div>

Think about the mark-up independently of how you want it to display. The semantics of the code should be your priority with HTML. If you wanted to change how it was displayed, would it still make sense?

Now that those are separate elements it's easy to set them both to display inline.

Another thing you should do is try to reduce the font-family specifications. You should only need to specify those on a higher level. If your entire page is in verdana, arial, helvetica, sans-serif, this should be in the body tag not in each individual element.

Hope that helps, and welcome to the forums!

Oh I think I've just worked

bloatyhead — Wed, 09 Jun 2010 12:39:01 +0000

Oh I think I've just worked it out!! I have just added another section of code in my stylesheet:

#garden-designer-title h1 {
display: inline;
font-size: 29px;
font-family: verdana, arial, helvetica, sans-serif;
color: #9482A4;
font-weight: normal;
text-decoration: none;
}

It recognises this, and now it is all displaying on one line with the correct font variation