H标题+同一行上的其他一些文字

Question

我试图在同一行上有一个标题，然后是一些不太重要的文字：

技能等级

（5分）

但我真的希望(scale of 5)位于同一行，同时Skill Ratings包含在文件结构语义的<h>标记中。

我对房地产很紧张所以我不想要另一条线，(scale of 5)将链接到CSS样式。

这可能吗？如果没有，我会选择不将Skill Ratings作为标题，但希望它是。

Answer 1

HTML

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

CSS

h1 span { font-size:16px; }

Answer 2

你可以使用Lowkase的答案，或者如果由于某种原因你需要将元素分成Headings和Paragraph标签，你可以这样做：

<h1>Skill Ratings </h1>

<p>(scale of 5)</p>

然后是css：

.h1 { display: inline; }
.p { display: inline; }

Lowkase的解决方案更具语义性，因此它可能是更好的解决方案，但这是另一种方法。

修改

抱歉，我刚注意到你想在标题标签中使用它，这意味着使用Lowkase的答案。

Answer 3

只需进行<h1>显示：内联即可。这样，它将在正常的文本流中呈现。

Fiddled here

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

h1 {
    display:inline
}