Html H 标题 + 同一行上的其他一些文本
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15556933/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
H heading + some other text on the same line
提问by amphibient
I am trying to have a heading and then some less important text on the same line:
我试图在同一行上有一个标题，然后是一些不太重要的文本：
Skill Ratings
技能评级
(scale of 5)
（5 级）
but I really want (scale of 5)to be in the same line as well as that Skill Ratingsbe wrapped in the <h>tags for document structure semantics.
但我真的想(scale of 5)在同一行以及Skill Ratings被包装在<h>文档结构语义的标签中。
I am tight on real estate so I don't want another line, (scale of 5)will be linked to a CSS style.
我对房地产很紧张，所以我不想要另一条线，(scale of 5)将链接到 CSS 样式。
Is this possible? If not, I will chose to not have Skill Ratingsas a heading but would prefer that it be.
这可能吗？如果没有，我会选择不Skill Ratings作为标题，但更愿意将其作为标题。
回答by Lowkase
HTML
HTML
<h1>Skill Ratings <span>(scale of 5)</span></h1>
CSS
CSS
h1 span { font-size:16px; }
回答by Mike Legacy
You can use Lowkase's answer, or if for some reason you needed to separate the elements into Headings and Paragraph tags, you could do this:
您可以使用 Lowkase 的答案，或者如果出于某种原因需要将元素分成标题和段落标签，您可以这样做：
<h1>Skill Ratings </h1>
<p>(scale of 5)</p>
Then here is the css:
然后这里是css：
.h1 { display: inline; }
.p { display: inline; }
Lowkase's solution is more semantic, so it's probably a better solution, but this is another way to do it.
Lowkase 的解决方案更符合语义，所以它可能是一个更好的解决方案，但这是另一种方法。
EDIT
编辑
Sorry, I just noticed you wanted it in the header tag, which means use Lowkase's answer.
抱歉，我刚刚注意到您希望在标题标签中使用它，这意味着使用 Lowkase 的答案。
回答by Milche Patern
Just make your <h1>display:inline. This way, it will render in the normal text flow.
只需让您的<h1>display:inline 即可。这样，它将在正常的文本流中呈现。
<h1>Skill Ratings </h1>(scale of 5)
h1 {
display:inline
}
