[resolu] Largeur de <h1>

Bonjour,

J'ai mis une couleur de fond pour la balise <h1>.
Bien que je ne lui ai pas donné de largeur particulière, la largeur du fond s'agrandit en fonction du texte qui est mis dans la page.

Comment dissocier la largeur de <h1> et celle du reste du contenu?

ps: je suis arrivée à biaiser en mettant mon <h1> dans un tableau. Mais je suis persuadée qu'il y a une solution en CSS.

Merci de vos lumières.

Bien cordialement,
Modifié par frogy (30 Aug 2010 - 14:43)

Salut,

Par défaut, l'élément h1, ainsi que tout élément adoptant le comportement induit par display: block, occupe, par défaut, toute la largeur disponible.

S'il s'agit juste d'ajouter une couleur de fond qui occupe la largeur nécessaire au texte, il suffit d'appliquer un display: inline-block à l'élément h1 (pour IE 6 et 7, il faut apporter un correctif, en leur appliquant un display: inline, pour que ça prenne effet).
Modifié par Victor BRITO (30 Aug 2010 - 14:44)

Merci beaucoup, cela marche parfaitement.
Bien cordialement,

frogybella