nPath Ltd. » CSS http://www.npathweb.com Web Development Blog Tue, 10 Jan 2012 02:22:18 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Use Css to center a div http://www.npathweb.com/2009/02/05/use-css-to-center-a-div/ http://www.npathweb.com/2009/02/05/use-css-to-center-a-div/#comments Thu, 05 Feb 2009 16:57:52 +0000 B.Harding http://www.npathweb.com/blog/?p=16 Using tables to layout a page is considered outdated. The “new” way to do it is with Div tags a alot of Cascading Style Sheets.

To center a table is easy. You just set align=”center”. But what about when using the new way?

When you want to center a div in the middle of the page use either a style or a css class to set the following attibutes:

width: a fixed width;
margin-right:auto;
margin-left:auto;

Note this tip is only for horizontal alignment. Centering vertically will be discussed in a future post.

example:

<div style=”width:600px; margin-left:auto; margin-right:auto;”>

Hello Middle.

</div>

]]> http://www.npathweb.com/2009/02/05/use-css-to-center-a-div/feed/ 0