Membuat Halaman Web Berada di Tengah

Publish Date : 12-09-2017 , dibaca 17975 kali, Hari ini dibaca : 1 kali ,0 comments

Tutorial kali ini merupakan tekhnik Dasar Membuat Halaman Web Berada di tengah , ini dibuat dengan menggunakan CSS, dengan fungsi margin pada CSS kita dapat mengatur letak posisi sebuah halaman website.

Dan .. Cara ini cukup simple dan script/ code yang digunakan juga cukup mudah untuk di ingat. kita bisa membuat class atau id dengan css , untuk membuat halaman website kita berada ditengah halaman.

Dengan catatan lebar website yang kita gunakan tidak full halaman, masih ada kosong lebar halaman . Ok..langsung saja kode CSS yang kita gunakan untuk membuat center / halaman web berada ditengah-tengah.

CODE HTML :

<body>
  <div id="wrapper">
    <!-- Kode HTML Untuk tampilna halaman, form dll didalam sini -->
  </div>
</body>

Kode diatas merupakan kode simple dan dasar.. dimana kita membuat tag div dengan id "wrapper" , dan kita atur peletakannya dengan CSS, Jadi website yang kita buat adala di dalam tag div tadi..

CODE CSS:

#wrapper {
     width: 870px;
     margin: 0 auto;
}

Yang pertama dari kode CSS, kita mengatur lebar website sebesar 870px, dan margin 0 auto , artinya kita memposisikan halaman website berada di tengah-tengah.

Contoh Penggunaan Kode dapat anda lihat dibawah ini :

<!DOCTYPE HTML>
<head>
<title>Membua website berada ditengah halaman suckittrees.com</title>
<style>
#wrapper {
     width: 800px;
     margin: 0 auto;
}
</style>
</head>
<body>
  <div id="wrapper">
    Ini adalah halaman website saya
  </div>
</body>
</html>