H heading + some other text on the same line

html css html-heading
amphibient picture amphibient · Mar 21, 2013 · Viewed 30.7k times · Source

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.

Answer

Lowkase picture Lowkase · Mar 21, 2013

HTML

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

CSS

h1 span { font-size:16px; }

Related questions

How can I remove space (margin) above HTML header?

I am creating a website. I have written the HTML part and now I am writing the stylesheet. But there is always some space above my header. How can I remove it? My HTML and CSS code is given below.

Read More
how to have two headings on the same line in html

I want to have two headings h2 and h3 on the same horizontal rule one on the left and the other on the right. They have a HR underneath them and I want them to be at the same distance …

Read More
Is it possible to create html tags h7, h8, h9 and so on

Here's a novice question. Is it possible to create more heading styles like h7, h8, and so on. I am just wondering if it possible to have more than 6 different types of headings on a website.

Read More