Bonjour à tous,
 
le titre du sujet est un peu à la "mords moi l'noeud", mais bon.
 
J'ai un joli titre (h1, h2, h3... peu importe).
Je veux lui mettre une couleur de fond, "background-color: #??????;"
Je veux que cette couleur de fond prenne toute la ligne (j'préfère), "display: block;"
 
OK.
 
Maintenant je veux faire la même chose avec un souligné.
J'ai toujours un joli titre (h1, h2, h3... peu importe).
Je veux le souligner : "text-decoration: underline;"
Je veux que ce souligné prenne toute la ligne (j'préfère), "display: block;"
 
PATATRA.
 
Sans DIV (je ne parle même pas de mettre une table ou des espaces " " à la noix), est-il possible de faire qu'un souligné continue sur toute la ligne, cad même après la fin du texte ?
 
Merci.

Les headers (h1-h6) sont en display: block de base, ça n'a aucun intérêt de le remettre

Heuuu oui, c'est même pas très compliqué
 

h1 sont des élements de type block, donc pas besoin de display: block;
 
a la place de text-decoration: underline, utilise border-bottom: 1px solid black.
 
car le text-decoration s'applique au...texte et pas au block
 
Edit : grilled

"Les headers (h1-h6) sont en display: block de base, ça n'a aucun intérêt de le remettre "
ET
"h1 sont des élements de type block, donc pas besoin de display: block;"
 
Vous avez parfaitement raison (hum).
 
"border-bottom: 1px solid black;"
 
Merci.
(j'mets un petit résolu devant le titre du sujet et on l'oublie celui-là, allez s'il vous plait).

Nah
 
Au passage, j'ajouterais qu'on peut avoir de très jolis effets en jouant simplement sur les bordures d'un titre, par exemple mettre simplement top et right va créer une séparation claire entre les sections et lier le titre à son texte alors qu'en bas et à gauche le titre va "flotter" en dehors de son texte contextuellement parlant