Proper semantic representation for addendum to, or description of a header

Question

Say I have content in the form

<h2>George Epworth</h2>
<h3>Director</h3>
<p>Content Content Content</p>

There I've represented the descriptive part of the h2 as an h3, but it's really more part of the h2 isn't it? the h3 here doesn't exist on its own and is dependant on the h2. Just trying to think of the most flexible way to define this element...

Answer 1

With HTML 5, you would use the hgroup element:

<hgroup>
  <h2>George Epworth</h2>
  <h3>Director</h3>
</hgroup>
<p>Content Content Content</p>

Optionally wrap the whole thing in a <section> element.