Menu de lecciones
5774
En esta lección aprenderemos a centrar contenido con CSS, primero crearemos una clase y luego la llamaremos desde el código HTML de nuestra pagina web.
Vamos a suponer que vienes siguiendo el curso desde el principio, o por lo menos, desde la lección de estilos CSS donde vemos que es una clase y como crearlas.
La clase que crearemos para centrar texto se llamará "centrar-texto" y contendrá el atributo "text-align" con el valor "center" de esta forma:
.centrar-texto{ text-align:center; }
y la usaremos desde el código HTML así:
<span class="centrar-texto">Este es el texto que irá centrado</span>

este código se verá así:

Nuestro archivo estilos.css va quedando así:

En rojo vemos la clase que creamos.
Siguiente lección: Margen y padding con CSS