Centrare testo in oggetto HTML

[essedi]

 In questo sito di prova

http://www.essedi.altervista.org/provacenter/index.html

in Impostazioni Generali, Scheda Esperto, Codice personalizzato per la sezione Head ho inserito:

<style type="text/css">
#testocentrato { border-style: none; font-family: Comic Sans MS, Tahoma, Helvetica, sans-serif; font-size: 14pt; color: #660066; background-color: transparent; text-align: center;}
</style>

In Modifica del Modello, Intestazione ho inserito un oggetto HTML largo 460 px, alto 80 px, con il seguente codice:

<span id="testocentrato">

<script type="text/javascript" language="JavaScript">

Riga1 = "Testo corto"
Riga2 = "Testo lungo Testo lungo Testo lungo Testo lungo "
messaggio = Riga1 + '<br/><br/>' + Riga2

if (document.getElementById)
document.getElementById('testocentrato').innerHTML = messaggio;

</script>
</span>

Vorrei centrare orizzontalmente le due righe di testo nello spazio dell'oggetto HTML

Come posso fare?

PS: il testo delle righe è solo esemplificativo: nell'utilizzo reale esso è variabile, il che spiega l'utilizzo di codice javascript 

[tigrone]

Prova a mettere un div anzichè uno span.

[essedi]

Funziona! Grazie mille. Eppure sapevo che span e div si comportavano allo stesso modo.
Grazie ancora.

[tigrone]

Beh... non proprio

[essedi]

Beh... non proprio

Mi riferivo ai parametri dello stile. Non capisco perché gli altri funzionano sia con span che con div, mentre text-align solo con div.

[stesil]

Non funziona perchè span è un elemento inline, ed ha come valore di larghezza quella del testo che contiene. Allineare il testo interno ad uno span non ha alcun risultato a video, perchè la larghezza su cui si lavora è la larghezza del testo stesso.

Un div invece è un elemento di blocco, quindi, se non diversamente specificata, assume come larghezza la massima possibile rispetto al suo contenitore. E qui l'allineamento risulta visibile, visto che lo spazio a disposizione è maggiore di quello occupato dal testo.

[essedi]

Non funziona perchè span è un elemento inline, ed ha come valore di larghezza quella del testo che contiene. Allineare il testo interno ad uno span non ha alcun risultato a video, perchè la larghezza su cui si lavora è la larghezza del testo stesso.

Un div invece è un elemento di blocco, quindi, se non diversamente specificata, assume come larghezza la massima possibile rispetto al suo contenitore. E qui l'allineamento risulta visibile, visto che lo spazio a disposizione è maggiore di quello occupato dal testo.

Chiarissimo, grazie.

[tigrone]

Meglio di così non si poteva spiegare!