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的答案.