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.
Seorang Software Engineer di BukaLapak, penulis buku, blogger, gunpla builder, tech educator.
Simak pemikiran saya soal dunia Software Engineering via Twitter di @agungsetiawanmu dan facebook
Mau belajar Vim bareng saya?
Belajar ngoding dari nol menggunakan PHP

4 thoughts on “CSS : Membuat Halaman Web Berada di Tengah

  1. saya masih bingung cara biar post.body jadi ketengah karena saya buat template tanpa sidebar , masak post body nya rata kiri terus padahal yang sebelah kanan masih kosong ruang nya hehe

Leave a Reply

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