Biasanya desainer web membuat blok yang terletak di tengah layar menggunakan nilai auto pada margin kiri dan kanan seperti ini
margin-left:auto; margin-right:auto;
atau menggunakan shorthand code seperti ini
margin:0px auto;
Keterangan:
margin vertical (atas dan bawah) : 0px
margin horizontal (kiri dan kanan) :auto
Tetapi cara diatas tetap tidak bekerja pada browser Internet Explorer, terutama Internet Explorer versi 5, untuk mengatasi masalah ini yang harus kita lakukan hanyalah menyisipkan deklarasi DOCTYPE sebelum tag <html>.
Untuk melihat daftar DOCTYPE yang bisa digunakan silakan lihat di situs W3Schools
http://w3schools.com/html/html_doctype.asp
contohnya seperti dibawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Rata tengah</title>
<style type="text/css">
.tengah {
width:500px;
border:ridge 3px #FF0000;
text-align:center;
margin:0px auto;
}
</style>
</head>
<body>
<div class="tengah">
Rata tengah
</div>
</body>
</html>
atau coba contoh dari W3Schools.com disini http://www.w3schools.com/css/tryit.asp?filename=trycss_align_container_ie5
Coba cara tersebut dan buka pada browser Internet Explorer dan lihat hasilnya :).
Sumber : http://www.w3schools.com/css/css_align.asp
