Cómo - Sitio web del centro
Aprende a centrar tu sitio web horizontalmente con CSS.
Sitio web del centro
Aprende a centrar tu sitio web horizontalmente:
Este ejemplo está centrado horizontalmente en pantallas de más de 500 píxeles de ancho.
Cómo centrar su sitio web
Use un elemento contenedor y establezca un archivo max-width
. Un ancho común que usan muchos sitios web es 960px. Para centrar realmente la página, agregue margin: auto
.
El siguiente ejemplo centrará el sitio web en pantallas de más de 500 píxeles de ancho. En pantallas de menos de 500 px de ancho, abarcará toda la página:
Ejemplo
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
¿Alguna vez has oído hablar de W3Schools Spaces ? Aquí puede crear su sitio web desde cero o utilizar una plantilla y alojarlo de forma gratuita.
Comience gratis ❯* No se requiere tarjeta de crédito