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>