Différence de font??!!

Bonjour,

En faisant la mise en page de mon site, je viens de remarquer un truc assez spécial!

J'ai redéfini certaines font, comme H1, H2, etc, comme par exemple (extrait css):

H1 {
font-weight:bold;
color:#FF00FF;
font-size:20px;
margin:0px;
}

H2 {
font-weight:bold;
color:#FF00FF;
font-size:15px;
margin:0px;
}

Or, dans certaines parties du site, je devais faire apparaître deux fonts différentes sur une même ligne:

blablablablablabla <H2>TEST</H2>

Mais cela a posé un problème: le texte passait directement à la ligne suivante, et ça donnait quelque chose du genre:

blablablablablabla
TEST

J'ai résolu ce problème en changeant le nom de <H2>: je l'ai appelée <b> (comme pour bold) autant dans le css que dans le code. Après, ça donnait bien:

blablablablablabla TEST (avec la couleur choisie)

Question: pourquoi ça? J'ai oublié quel paramètre? Parce que je n'ai pas réussi à trouver!

Merci d'avance :)