Centrar un Div

por · Publicada · Actualizado

Primero modificamos nuestro ccs agregando las siguientes lineas:


body{
  text-align:center; // Este es el hack para hacer que Internet Explorer centre el contenido del div
}
#contenido{
  text-align:left; // Regresamos el texto a la izquierda para que el contenido quede centrado pero el texto alineado a la izquierda.
  width: 800px; // Aquí puedes definir el ancho que quieras
  margin-left:auto;
  margin-right:auto;
}

Luego agregamos el id a nuestro html para utilizar el formato recien creado.

Esto es lo que vamos a centrar

Saludos