Gunakake CSS kanggo Center Document kanthi Layout Lebar

Tata letak jembar sing mantep bisa sithik kanggo pusat karo sawetara browser populer metu ana, nanging mung bisa, kanthi mung sawetara kode.

Kene ing kene

1. Nggawe kaca web anyar nganggo stylesheet CSS ing editor HTML sampeyan.
2. Nggawe elemen div minangka unsur utama ing kaca ngendi sampeyan bakal nyimpen kabeh ing kaca.
3. Menehi unsur div sing ID sing unik ing kaca kasebut.
4. Bukak lembar gaya CSS lan aturake jembar unsur div. div # main {width: 750px; }
5. Tambah pinggiran otomatis kanggo pusat div. div # main {width: 750px; margin-left: auto; margin-right: otomatis}
6. Kanggo ndandani kanggo Netscape 4, lan IE 4 - 6 ( mode quirks ) nambahake teks-alignment ing awak. body {text-align: center; }
7. Nanging banjur kabeh teks ing tengah dipusatake, supaya nyetel maneh teks ing # main div kanthi nambahake teks-align: left; ing kono. div # main {width: 750px; margin-left: auto; margin-right: otomatis; teks-align: left; }
8. Simpen kaca lan lembar gaya sampeyan.
9. Nyoba ing sawetara browser Web.

Tip

Iki bakal njenengi kothak tata letak nanging ora isi kasebut. Gunakake teks-kempal kanggo ningkatake isi jero.