Quick Tips

How to centre align your page or div

November 24th, 2008 in Quick Tips by Kostas Mavropalias

If you want to align your site in the center of the screen (horizontally), you just need to follow these two quick steps.

First, add this css code:

body {
	text-align: center;
}
 
#content {
	text-align: left;
	margin: 0 auto;
}

Then, create a <div> in your <body> with the id ‘content’, and put the actual content inside.

<div id="content">content</div>

Voila, your <div> and your whole page are centre alligned!

Comments »

No comments yet.

Nav