Cara - Situs Web Pusat
Pelajari cara memusatkan situs web Anda secara horizontal dengan CSS.
Situs Web Pusat
Pelajari cara memusatkan situs web Anda secara horizontal:
Contoh ini dipusatkan secara horizontal pada layar yang lebih lebar dari 500 piksel.
Cara Memusatkan Situs Web Anda
Gunakan elemen wadah dan atur spesifik max-width
. Lebar umum yang digunakan banyak situs web adalah 960px. Untuk benar-benar memusatkan halaman, tambahkan margin: auto
.
Contoh berikut akan memusatkan situs web pada layar yang lebih lebar dari 500 piksel. Pada layar yang lebarnya kurang dari 500 piksel, ini akan menjangkau seluruh halaman:
Contoh
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
Pernah mendengar tentang W3Schools Spaces ? Di sini Anda dapat membuat situs web Anda dari awal atau menggunakan template, dan menghostingnya secara gratis.
Mulai gratis* tidak perlu kartu kredit