Solución:
los <span> El elemento es, por defecto, un elemento “en línea”. Significado a diferencia de los elementos de nivel de bloque (<div> <h1> <p> etc.) el tramo solo ocupa tanto espacio horizontal como su contenido.
text-align: center ESTÁ funcionando, pero lo está aplicando a un elemento que no tiene un ancho mayor que su contenido (como lo hacen todos los elementos de bloque).
Recomiendo cambiar el intervalo a un <p> elemento, o especificando el display: block propiedad en su tramo.
Aquí hay un JSfiddle para demostrar que tanto un <span> con display: block; text-align: center y un <p> con text-align: center; lograr el mismo efecto.
¡Espero que ayude!
Utilice ap o div en lugar de un intervalo. El texto es un elemento en línea y también lo es un intervalo. Para que la alineación de texto funcione, debe usarse en un elemento de nivel de bloque (p, div, etc.) para centrar el contenido en línea.
ejemplo:
<div style="text-align: center">Coded by AnnualMelons</div><br>