Html 屏幕元素无明显原因跳过一行

Html 屏幕元素无明显原因跳过一行,html,css,Html,Css,我正在制作一个移动网络应用程序。在页面的顶部,我有一行,左边有一个“Back”链接,右边是pagename。或者应该是这样。取而代之的是,我得到了一个带有页面名的反向链接。这是我的密码。我想不出怎么修理它 <a style="text-decoration:none" href="resultsMap.html?radius=0&latitude=37.33&longitude=-121.85&j=true">Back</a> <p id="

我正在制作一个移动网络应用程序。在页面的顶部,我有一行,左边有一个“Back”链接,右边是pagename。或者应该是这样。取而代之的是,我得到了一个带有页面名的反向链接。这是我的密码。我想不出怎么修理它

<a style="text-decoration:none" href="resultsMap.html?radius=0&latitude=37.33&longitude=-121.85&j=true">Back</a>
<p id="name"> PageName </p>
        <hr/>

页面名称



这是因为您使用的是段落:

<p id="name"> PageName </p>
页面名称

改用
格式,使其与您喜欢的位置对齐


看这把小提琴:
这是因为您使用的是段落:

<p id="name"> PageName </p>
页面名称

改用
格式,使其与您喜欢的位置对齐


看这把小提琴: 这是因为锚点(链接)是内联的元素,而段落是元素

内联元素的行为类似于文本。如果它们插入文本的中间,则与文本一起流动。块元素将其自己的空间作为单独指定的部分

如果要使用泛型内联元素,请使用
span
,而不是像上面建议的那样使用
div

我建议改为:

<div style="border-bottom:1px solid black;">
    <a style="text-decoration:none" href="resultsMap.html?radius=0&latitude=37.33&longitude=-121.85&j=true">Back</a>
    <span style="float:right;">Page Name</span>
</div>

页面名称
这是因为锚点(链接)是内联的元素,而段落是元素

内联元素的行为类似于文本。如果它们插入文本的中间,则与文本一起流动。块元素将其自己的空间作为单独指定的部分

如果要使用泛型内联元素,请使用
span
,而不是像上面建议的那样使用
div

我建议改为:

<div style="border-bottom:1px solid black;">
    <a style="text-decoration:none" href="resultsMap.html?radius=0&latitude=37.33&longitude=-121.85&j=true">Back</a>
    <span style="float:right;">Page Name</span>
</div>

页面名称
段落(
)是块级元素,它有一个使用浏览器窗口全宽的容器,而不是像
这样在文本流中占据位置的内联元素

换句话说,段落总是从“新行”开始,而锚定将放在当前行中

如果您想让pagename直接位于链接的右侧,可以编写

<a ...>Back</a>
<span id="name"> PageName </span>
返回
页码
元素也是一个内嵌元素。

段落(
)是块级元素,它有一个使用浏览器窗口全宽的容器,而不是像
这样的内嵌元素,它们在文本流中占有一席之地

换句话说,段落总是从“新行”开始,而锚定将放在当前行中

如果您想让pagename直接位于链接的右侧,可以编写

<a ...>Back</a>
<span id="name"> PageName </span>
返回
页码
元素也是一个内嵌元素