ubiquitour.com

Cómo centrar un cuerpo HTML

Cómo centrar un cuerpo HTML

La etiqueta HTML del cuerpo tiene los atributos de su página Web, como sus fuentes, color de fondo y la alineación. La alineación predeterminada para la etiqueta body se establece para alinear el texto a la izquierda. Centro ayuda a equilibrar el contenido de su página en un explorador Web. Por desgracia, centrado trabaja de forma diferente en algunos navegadores, como Internet Explorer y Netscape Navigator 4. Como tal, debe código específicamente para los diferentes navegadores donde puede aparecer su página. Las propiedades text-align y margen manejan centrado.

Instrucciones

1 Abra un editor de texto, como Bloc de notas, TextPad o EditPad. Seleccione "archivo" y "Abrir" en el menú y haga doble clic en el código HTML archivo que desea editar.

2 Ir al archivo de la etiqueta head e Inserte el código siguiente para crear un estilo que se centra la página en múltiples navegadores. El código "auto margen 0;" establece los márgenes superior e inferior en cero y los márgenes izquierdos y derecho para ajustar automáticamente. El código de "texto-alinee: Centro;" centros de tu página.

< estilo tipo = "text/css" >

<!--

{cuerpo}

margen: 0 auto;

texto-alinee: Centro;

}

{} de la envoltura margen: 0 auto;

texto-alinee: izquierdo; / previene el contenido de la envoltura de centrado así en Firefox /

}

-->

< / estilo >

3 Inserte el código siguiente entre las etiquetas body de apertura y cierre para aplicar el contenedor centrado con el texto alineado a la izquierda:

< div id = "wrapper" > contenido de su página < / div >