CSS：取代h1 linebreak

Question

这样做的正确方法是什么？我有一个<h1>标记，我希望显示与其内联的<a>。

Answer 1

display: inline

应该做的伎俩。它会使<h1>表现得像任何内联元素。

Answer 2

默认情况下，h1标签有一个display：block;因此将其更改为显示：内联您将失去h1的正常感觉。但您的链接将直接跟随它。

另外，为什么不将链接放在h1标签内呢？即：

<h1>Hello <a href="http://www.example.com"> World</a></h1>

Answer 3

或者你可以把它漂浮到左边（或右边）：

float: left;

但是，这有时可能会导致其他问题。

Answer 4

此外，margin-top: - height-of-h1 a可以解决问题 - 你有1000个选项（几乎字面意思），在看到一些示例代码之前我们无法告诉你更多。

Answer 5

或者您可以使用标签：

<h1>Important title <span style="float:right"><a href="#">Link</a></span></h1>