Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html H标题+;同一行上的其他文本_Html_Css_Html Heading - Fatal编程技术网

Html H标题+;同一行上的其他文本

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分制)
技能评级
在文档结构语义的
标记中处于同一行

我在房地产方面很紧张,所以我不想再有一行,
(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; }