Centrar el contenido de una pagina con CSS


Muchas veces queremos que el contenido de nuestra pagina web se muestre en el centro y no sobemos como hacerlo. A continuacion se muestra una técnica para lograr esto:

En la etiqueta body se establecen los siquientes atributos:

body {
/* todos los margenes se establecen en 0 */
margin: 0px;

/* El texto se alinea a la derecha */
text-align: center;
}

Se crea una capa que llamaremos contenedor la cual incluira los siguientes atributos:

#contenedor {
/* Ancho de la capa */
width: 750px; 

/* Margen superior e inferior 0 px
margen derecho e izquierdo automatico*/
margin: 0 auto;

/* alineacion del texto a la izquierda*/
text-align: left;
}

Descargar: Ejemplo

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s