2009-10-15 5 views
0

J'essaie de placer du texte de taille normale sur la même ligne qu'une balise d'en-tête. Pour ce faire, mettez le texte de taille normale sur la ligne suivante, car une balise d'en-tête est un élément de bloc.Balise d'en-tête CSS question

<h1>Header</h1>normal size text 

Toute aide est très appréciée.

Répondre

5
h1{display:inline;} 

PROVOQUERONT la balise H1 pour arrêter le blocage

+0

Mais cela ne fonctionne pas sur IE6, le déplace à la ligne suivante, des conseils? Je sais que IE6 doit mourir mais jusqu'à ce qu'il le fasse, j'ai besoin de le réparer. – Bob

+0

'h1 {display: inline;}' et '

Hello There

You Crazy World' Travaillé bien pour moi sur IE6 .. y at-il d'autres styles appliqués? Si vous n'êtes pas sûr, vous pouvez essayer 'h1 {display: inline! Important;}' –

+0

Vous avez raison, votre code fonctionne dans IE6, mais il y a un tas d'autres styles en jeu, j'ai besoin de trier le fautif, merci. – Bob

0

Ou, si vous ne voulez pas utiliser des éléments en ligne, flotter le h1 à la place:

h1 { 
    float:left; 
} 

Dans certains scénarios peut besoin d'envelopper à la fois le texte taille h1 et normal dans un div, qui est également flottant à gauche, pour le garder contenu sur la même ligne:

<div id="foo"><h1>Hello</h1>World</div> 
0

Alternativement, vous pouvez essayer

<h1>Header <span class="normal">normal size text</span></h1> 

, et le style de la durée .normal en utilisant css pour ressembler à du texte normal. pas sémantique, mais fonctionne visuellement même dans IE6.

Questions connexes