CSS: Superseding h1 linebreak

Question

Quelle serait la bonne façon de faire cela? J'ai une étiquette <h1>, et je veux afficher un <a> qui est en ligne avec elle.

Answer 1

display: inline 

devrait faire l'affaire. Cela fera que le <h1> se comportera comme n'importe quel élément en ligne.

Answer 2

Ou vous pourriez flotter vers la gauche (ou à droite):

float: left; 

Cependant, cela peut entraîner d'autres problèmes parfois.

Answer 3

Aussi, margin-top: - height-of-h1 sur a pourrait faire l'affaire - vous avez comme 1000 options (presque littéralement), nous ne pouvons pas vous en dire plus jusqu'à ce que nous voyons un exemple de code.

Answer 4

Par défaut, la balise h1 a un affichage: bloc; Ainsi, en le changeant pour afficher: en ligne vous perdrez la sensation normale d'un h1. Mais votre lien suivra directement.

Aussi pourquoi ne pas simplement placer le lien dans l'étiquette h1? à savoir:

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

Answer 5

Ou vous pouvez utiliser un tag:

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