Html H标题+;同一行上的其他文本
我试图在同一行中有一个标题和一些不太重要的文本: 技能等级 (5分制) 但是我真的希望Html H标题+;同一行上的其他文本,html,css,html-heading,Html,Css,Html Heading,我试图在同一行中有一个标题和一些不太重要的文本: 技能等级 (5分制) 但是我真的希望(5分制)与技能评级在文档结构语义的标记中处于同一行 我在房地产方面很紧张,所以我不想再有一行,(5分)将链接到CSS样式 这可能吗?如果没有,我会选择不将技能评分作为标题,但更愿意将其作为标题。HTML <h1>Skill Ratings <span>(scale of 5)</span></h1> 只需将您的显示为:inline。这样,它将在正常的文本流中呈
(5分制)
与技能评级
在文档结构语义的
标记中处于同一行
我在房地产方面很紧张,所以我不想再有一行,(5分)
将链接到CSS样式
这可能吗?如果没有,我会选择不将技能评分作为标题,但更愿意将其作为标题。HTML
<h1>Skill Ratings <span>(scale of 5)</span></h1>
只需将您的
显示为:inline。这样,它将在正常的文本流中呈现
技能评分(5分制)
h1{
显示:内联
}
您可以使用Lowkase的答案,或者如果出于某种原因需要将元素分为标题和段落标记,您可以这样做:
<h1>Skill Ratings </h1>
<p>(scale of 5)</p>
Lowkase的解决方案更具语义,因此它可能是一个更好的解决方案,但这是另一种方法
编辑
抱歉,我刚刚注意到您希望它出现在标题标记中,这意味着使用Lowkase的答案。而您实际的HTML将是..?类似于技能评分(5分制)
将所有内容包装在div
中,并浮动元素,以便它们排列或使用绝对和相对定位。但是,再次,我不知道,这就是我问这个问题的原因。我想将技能评分(5分制)
全部放在一行中,其中“技能评分”被视为标题,而“5分制”则不在同一行中。有人能解释为什么不建议这样做(从答案上的-1判断)?我不能,抱歉。我想我误解了“在同一行上有一个标题,然后是一些不太重要的文本”这个问题对我来说的意思是H1/H1+一些文本。。也许op被改变了,答案不再相关。。我不知道。“5分制”是在外部的父元素中,较少的语义形式??这对我很有效,所以+1。OP不太清楚是否需要(5分)
在h1
标记中。链接目前已断开。该解决方案是否也适用于style=“display:inline”
?
<h1>Skill Ratings </h1>(scale of 5)
h1 {
display:inline
}
<h1>Skill Ratings </h1>
<p>(scale of 5)</p>
.h1 { display: inline; }
.p { display: inline; }