Horizontally Centering a Webpage

This is an oldie but a goodie. Heck you can even use it a template to start from. This is the html for horizontally centering a web page. Took me tons of time to figure out when I didenjoy.

Update: I found a different, much simpler approach to achieve the same results on a different blog.

<title>A Horizontally Centered Page</title>
<style type="text/css">
	html {
		text-align: center;
		background-color: #000000; /* Optional */
		padding: 50px; /* Optional: Distance from top of page */
	body {
		width: 600px;
		margin: 0 auto 0 auto;
		padding: 50px 50px 50px 50px;
		border: 1px solid #D0D0D0; /* Optional */
		text-align: left; /* Optional: This making your page's content push to the left */
		background-color: #FFFFFF; /* Optional */
	This is the content.

Creating a Multi-dimension Array

In my experience with other programming languages making a multi-dimensional array is usually a simple thing. In JavaScript however it is slightly different (not necessarily difficult). Though there are a few other ways to create a multi-dimensional array, some of them involving loops, which I refuse to submit to, I think this is the easiest, most comprehensible way.

	var myArray = new Array(
		new Array(), // array myArray[0][X]
		new Array(), // array myArray[1][X]
		new Array(), // array myArray[2][X]
		new Array()  // array myArray[3][X]