CSS : Membuat Halaman Web Berada di Tengah

tengah css

Akhir-akhir ini saya lagi seneng nulis artikel tentang CSS. 😀
Pada tulisan kali ini saya akan memuat trik css untuk membuat halaman web kita berada tepat pada tengah-tengah layar.
Seperti biasa caranya gampang banget gak pakai tepu-tepu.

Misal kita punya struktur HTML seperti ini

Untuk membuatnya berada pada posisi tengah-tengah layar kita membutuhkan kode CSS seperti berikut

Simpel banget tho

Coba dilihat hasilnya pada browser maka tidak akan terlihat apa-apa 😛
Itu disebabkan karena pada halaman web belum terdapat isinya
Coba isikan dengan desain halaman kamu. Pasti halaman terletak ditengah-tengah layar

Facebook Comments
 

Agung Setiawan

Agung Setiawan adalah software engineer di BukaLapak.com, penulis sekaligus pecinta sastra, dan pembaca buku

 
Halo, perkenalkan saya Agung Setiawan.
Saya Software Engineer di BukaLapak.
Simak pemikian saya soal dunia Software Engineering via Twitter di @agungsetiawanmu dan facebook
Blog ini saya update seminggu sekali jadi sering-sering saja mampir
Mau belajar Vim bareng saya?
Belajar ngoding dari nol menggunakan PHP

Leave a Reply

Your email address will not be published. Required fields are marked *