CSS：取代h1 linebreak

Question

这样做的正确方法是什么？我有一个<h1>标签，并且我想显示与其内嵌的<a>。

Answer 1

display: inline 

应该这样做。这将使<h1>表现得像任何内联元素。

Answer 2

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

float: left; 

然而，这有时会导致其他问题。

Answer 3

另外，margin-top: - height-of-h1在a可以做的 - 你有1000个选项（几乎字面上），我们不能告诉你更多，直到我们看到一些示例代码。

Answer 4

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

此外，为什么不把链接放在h1标签内？即：

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

Answer 5

或者你可以使用一个标签：

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