Membuat Halaman Rata Tengah dengan CSS

Published by erricgunawan on Jun 27, 2012 | Leave a response

Bagaimana cara membuat sebuah blok pada halaman HTML menjadi rata tengah menggunakan CSS?

Secara sederhana, ada dua cara.

Pertama, untuk liquid layout:

div#container {
	margin-left: 10%;
	margin-right: 10%;
}

div#container {

margin-left: 10%;

margin-right: 10%;

}

Kedua, untuk fixed-width layout:

div#container {
	margin-left: auto;
	margin-right: auto;
	width: 50em;
}

div#container {

margin-left: auto;

margin-right: auto;

width: 50em;

}

Penjelasan lebih lanjut bisa dilihat di CSS Centering – fun for all!