[CSS] Dubbio su ereditarietà text-align

[pezzo]

Se un elemento genitore ha il testo allineato a sinistra, come si può centrare il testo di un blocco inserito al suo interno? Visto che l'allineamento del testo è ereditato, anche se stabilisco:

{text-align:center;}

il risultato è testo allineato a sinistra.

Come si fa?

Grazie!

[pezzo]

[seed_squall_it]

<div id="padre">
..........................
<div id="figlio">...</div>
</div>

#padre {
width: 80%;
text-align: left;
}

#figlio {
width: 100%;
text-align: center;
}

Con questo centri il testo del box "figlio" rispetto a se stesso e all'elemento "padre" (perché "figlio" è largo il 100% di "padre"). Se la tua domanda era invece "come centrare il box figlio che contiene il testo", la cosa è diversa...devi usare dei margini per "figlio" che non siano impostati su auto (funzionerebbe su Firefox ma non su IE). Facci sapere.

[pezzo]

Mi sono reso conto di essermi espresso male...

Dunque...

Un box padre contiene un box figlio. Entrambi devono avere allinemento del testo a sinistra.

Ma i titoli del box figlio devono essere centrati.

Immaginavo che bastasse
div#figlio .titoli{text-align: center;}

e nell'html
<span class="titoli">titolo</span>

ma non funziona... Forse perché span è un elemento inline?

Mi chiarite questa situazione? Grazie mille

[Mich_]

Esatto. Non ha senso centrare in uno <span> che e` elemento inline. Puoi usare ad esempio un

.

Ma i titoli vanno fatti con gli appositi tag <hn> (n=1..6), per cui l'errore e` semantico, prima che del CSS.

[pezzo]

Hai ragione...

Allora com'è la sintassi per stabilire che h1 di div#figlio abbia determinate proprietà?

[Mich_]

#padre {
width: 80%;
text-align: left;
}

#figlio {
width: 100%;
text-align: center;
}

#figlio h1 {
margin 0 auto;
}

[pezzo]

Mille grazie, sei sempre gentilissimo...