【问题标题】：H heading + some other text on the same lineH 标题 + 同一行上的一些其他文本
【发布时间】：2023-03-26 03:37:01
【问题描述】：

我想在同一行添加一个标题，然后是一些不太重要的文本：

技能等级

（5 级）

但我真的希望 (scale of 5) 位于同一行，并且将 Skill Ratings 包装在 <h> 标记中以实现文档结构语义。

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

这可能吗？如果没有，我会选择不使用 Skill Ratings 作为标题，但我更愿意这样做。

【问题讨论】：

而你的实际 HTML 将是..？
类似<span class="extHeading"><h3>Skill Ratings</h3>(scale of 5)</span>
将所有内容包装在 div 中并浮动元素，以便它们对齐或使用 absolute 和 relative 定位。
但话又说回来，我不知道——这就是我问这个问题的原因。我想将 Skill Ratings (scale of 5) 全部放在一行中，其中“Skill Ratings”被识别为标题而“（5 级）”不是，但在同一行

【解决方案1】：

HTML

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

CSS

h1 span { font-size:16px; }

【讨论】：

【解决方案2】：

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

<h1>Skill Ratings </h1>

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

那么这里是css：

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

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

编辑

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

【讨论】：

【解决方案3】：

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

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

h1 {
    display:inline
}

【讨论】：

谁能解释为什么不推荐这样做（从答案的-1判断）？
我不能，抱歉。我以为我误解了“有一个标题，然后在同一行上有一些不太重要的文本”这个问题对我来说意味着 H1 /H1 + 一些文本..也许操作已更改，答案不再相关..我不知道. “5 级”在父元素外，语义形式较少。 ??
这对我来说很好，所以+1。 OP 并不清楚是否要在 h1 标记中使用 (scale of 5)。
链接目前已损坏。该解决方案是否也适用于style="display:inline"？