该段落在HTML链接后面的新行

Question

以下是我身体的内容：

 <a href = "https://www.google.com" target = "__blank">Click to go to google</a>
<p>This should appear next to the link, instead of on the next line</p>

当我在浏览器（Chrome）上运行时，它似乎显示为

  

链接到谷歌

     

文本

如何让它出现在href后的一行，段落？

Answer 1

标签p代表段落。因此，p中的文本站在一个新行并填充父级的整个宽度是有道理的。 默认情况下，p具有属性＆＃34; display：block＆＃34;。

为了使文本与a在同一行中，我们有一些可能性：

• 使用CSS类更改样式，通过ID或设置样式=＆＃34;显示：内联;＆＃34;

实施例

<a href="https://www.google.com" target="__blank"> Click to go to google </a>
<p style="display:inline;"> This should appear next to the link, instead of the next line </p>

• 不同标签的好处

示例：

<a href="https://www.google.com" target="__blank"> Click to go to google</a>
<span> This should appear next to the link, instead of the next line </span>

Answer 2

如果我正确理解了您的问题，您只需要在段落中包含该链接。

<a href="https://google.com">https://google.com</a>