Lecciones: parte I II

Centrar contenido con CSS | Propiedad margin y padding en CSS | Crear listas HTML y aplicarle estilos CSS | Subiendo nuestra pagina web
Imprimir

Centrar contenido con CSS


Para comenzar la segunda parte del curso, aprenderemos a centrar contenidos con estilos CSS, lo primero que haremos es crear la clase CSS con el atributo que nos da la posibilidad de centrar el texto.

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 se llamara "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.

Muy bien, ya sabemos como centrar texto con CSS, ahora vamos a ver como aplicar margen y espacios con CSS.

 

Siguiente lección: Margen y padding con CSS



¿Que puntuación le darías a este tutorial?


Si tienes alguna duda puedes entrar al foro y registrarte para que te ayudemos entre todos.