Comment faire - Site Web du centre
Apprenez à centrer votre site Web horizontalement avec CSS.
Site Web du centre
Apprenez à centrer votre site Web horizontalement :
Cet exemple est centré horizontalement sur des écrans dont la largeur est supérieure à 500 pixels.
Comment centrer votre site Web
Utilisez un élément conteneur et définissez un fichier max-width
. Une largeur courante utilisée par de nombreux sites Web est de 960 pixels. Pour réellement centrer la page, ajoutez margin: auto
.
L'exemple suivant centrera le site Web sur des écrans dont la largeur est supérieure à 500 pixels. Sur les écrans de moins de 500 pixels de large, il s'étendra sur l'ensemble de la page :
Exemple
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
Avez-vous déjà entendu parler des Espaces W3Schools ? Ici, vous pouvez créer votre site Web à partir de zéro ou utiliser un modèle et l'héberger gratuitement.
Commencez gratuitement ❯* Pas de carte de crédit nécessaire