Colorare sfondo Hn

[Federix]

Come si fa a colorare lo sfondo delle sole lettere dei tag Hn (H1, H2, H3)????

Ho provato:

h3 { background-color:navy; }

Mi colora però tutta la riga, mentre io vorrei solamente lo sfondo delle lettere.

[Mich_]

Probabilmente il tuo <hN> riempie tutta la riga (potrebbe esserci un width: 100%; o simile).

A seconda del codice usato le soluzioni possono essere diverse.
Posta il codice HTML+CSS del tag.

[Federix]

Il codice CSS che ho è quello sopra riportato, mentre il codice html:

<div><h3>Notizie</h3></div>

Il cui div è largo il 1005 del contenitore originale....solo questo

[Mich_]

Con quel codice HTML, dovresti usare questo CSS:

div {
  width: 100%;
  background-color: white;  /* per marcare la differenza */
}
h3 {
  background-color: navy;
  width: auto;               /* toglie eventuali attributi globali;
  max-width: 10em;      /* per scrupolo - non dovrebbe servire (non funziona in IE) */
}

[Federix]

Niente, non funziona neanche così. Ho risolto con un'immagine di sfondo del tag H2 e per ora sembra funzionare bene.

[Jarno]

il css l'ho scritto inline solo per far prima...

soluzione 1

<div><h3 style="background-color:#666; display:inline;">Notizie</h3></div> 

soluzione 2

<h3><span style="background-color:#666;">Notizie</span></h3>