Center DIV using CSS

A simple method for centering divs that I usually use is:

The CSS

#content {
   width: 800px;
   margin: 0 auto;
}

The HTML

What this does is creates a div 800 pixels wide then sets the top and bottom to 0 pixels then sets the left and right margins to be auto. This makes the browser give the div equal spacing on either side.

This should work in all major browsers including IE7, IE8, Firefox, Chrome and Safari.

• Categories

  • Around the House
  • Computers
  • Entertainment
  • Food
  • General
  • Linux
  • Mac
  • Money
  • Movies
  • Politics & Religion
  • Programming
  • Reading
  • Travel
  • Windows

• I am reading

  300 / 416 Pages
• 

   

• Recent Comments

• Kiva loans

  I have microlent to:

  Kinyantale Tweimukye Group

  
  
  

  Location:	Uganda, Kyenjojo
  Activity:	Farm Supplies

  
  

  

• StumbleUpon Feed

  • A robot that flies like a bird | Video on TED.com 28/05/2012
    21K views […]
  • BOMBSHELL: Facebook Bankers Secretly Cut Forecasts For Company In Middle Of IPO Roadshow - Business Insider 23/05/2012
    0 views […]
  • The Silicon Valley Dance (by @baekdal) #opinion 23/05/2012
    0 views […]
  • Smoke Detectors Violate Our Religious Beliefs, Say Amish 22/05/2012
    0 views […]
  • Lithuanias Hallowed Hill Of Crosses | All That Is Interesting 21/05/2012
    19 views […]
  • The Amazing World Of Sand Art | All That Is Interesting 21/05/2012
    1,859 views […]
  • The Augmented Reality Sandbox | Colossal 07/05/2012
    0 views […]
  • Ask LH: How Can I Start Getting In Shape In 20 Minutes A Day? | Lifehacker Australia 28/03/2012
    0 views […]
  • 10-Year-Old Girl Discovers New Molecule That Could Help Energy Storage | Inhabitat - Green Design Will Save the World 08/02/2012
    3 views […]
  • New Seed Bomb McDonalds Ad is Illegal to Remove Because Its Made of Protected Poppies | Inhabitat - Green Design Will Save the World 08/02/2012
    2 views […]