html - 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 的答案，或者如果由于某种原因您需要将元素分成标题和段落标签，您可以这样做：

<h1>Skill Ratings </h1>

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

然后这里是css：

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

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

编辑

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

Answer 3

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

在这里摆弄

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

h1 {
    display:inline
}