HTML/CSS: élément flottant dans l'élément H2

Question

Ceci est le code HTML:

<h2> 
    Log in 
    <a onclick="doSomething()" href="#" class="float-right">&nbsp;</a> 
</h2> 

C'est le CSS:

.float-right { 
    float: right; 
    background: url(img.png); 
    width: 10px; 
    height: 10px; 
    text-decoration: none; 
} 

ce qui devrait faire flotter l'élément .float-right à droite du texte dans l'en-tête, mais dans IE7 ce n'est pas le cas! Je ne me soucie pas de IE6, je dois juste obtenir ce travail dans IE7 et plus récent.

Answer 1

Avez-vous essayé de déplacer le code autour?

<h2> 
    <a onclick="doSomething()" href="#" class="float-right">&nbsp;</a> 
    Log in 
</h2> 

Answer 2

essayer d'ajouter display:block; à la css