Cómo centrar el DIV en un diseño CSS

Cascading Style Sheets o CSS, permite dar formato a los documentos HTML en una variedad de maneras, incluyendo la modificación del color, decoración de la frontera y de posición de diseño. El elemento HTML DIV hace posible que se pueda incluir varios tipos de contenido en una sola unidad o grupo. El posicionamiento predeterminado para un DIV se deja. Añadir código CSS para la definición de estilo DIV para centrar su DIV.

Instrucciones

1 Abra la hoja de estilos CSS o la página Web que contiene la definición de estilo DIV. Se parece a esto:

<Style type = "text / css">

div{ background-color: #CCC;}

</ Style>

2 Escriba el código "margen" con un valor de "auto" para centrar el DIV:

<Style type = "text / css">

div{ background-color: #CCC; margin-left:auto; margin-right:auto;}

</ Style>

3 Guarde el documento y cargar su página web en un navegador para ver los efectos del cambio de estilo.