Comment puis-je faire en sorte que deux éléments de bloc restent sur la même ligne?

J'ai deux éléments span que je voudrais rester sur la même ligne. Dans FF et d'autres navigateurs, mon code fonctionne bien mais dans IE6 il casse. Quelqu'un peut-il me dire ce que je fais de mal?Comment puis-je faire en sorte que deux éléments de bloc restent sur la même ligne?

Voici le code que je utilise:

<span style="font-family:Arial;text-align:left;font-size:30px;color:#06a;"> 
    test 
</span> 
<span style="font-family:Arial;float:right;font-size:12px;color:#06a;text-align:left;"> 
    This is the line that jumps down and needs to be brought level with the above span element. 
</span>

Source

2009-09-12 Anonymous

Utilisez "Feuille de style externe" ou "Feuille de style interne" pour rendre votre texte plus lisible – ranonE

vous devez utiliser "float: left" sur la première travée.

Source

2009-09-12 20:31:36

Merci beaucoup Donnie! Ça a marché. –

Tout pour soulager la douleur d'un autre csser! –

Le bloc à l'aide float: droit devrait être le premier en HTML

Source

2009-09-12 20:31:36

Merci pour la réponse Philippe –

Juste une petite remarque: span, par défaut, n'est pas au niveau du bloc.

La plupart des bogues dans le rendu CSS de IE6 ont des solutions de contournement bien connues et ont été bien documentés here. En outre, le support IE6 est-il vraiment important pour votre site? L'utilisation d'IE6 a chuté brusquement ces derniers temps, et de nombreux sites abandonnent le support pour cela.

Source

2009-09-12 20:35:16 Jeff

test Ceci est la ligne qui saute et doit être mise à niveau avec l'élément de portée ci-dessus.

ajoutez simplement float: left; le premier span

Source

2009-09-12 20:35:29

Comment puis-je faire en sorte que deux éléments de bloc restent sur la même ligne?

Répondre

Questions connexes