H heading + some other text on the same line

css, html, html-heading

Solution

HTML

<h1>Skill Ratings <span>(scale of 5)</span></h1>

CSS

h1 span { font-size:16px; }

Problem

I am trying to have a heading and then some less important text on the same line: Skill Ratings (scale of 5) but I really want `(scale of 5)` to be in the same line as well as that `Skill Ratings` be wrapped in the `<h>` tags for document structure semantics. I am tight on real estate so I don't want another line, `(scale of 5)` will be linked to a CSS style. Is this possible? If not, I will chose to not have `Skill Ratings` as a heading but would prefer that it be.

Original source