Html – Center contents of webpage


I want to "centerize" the text and contents of my webpage. Now I don't want to align the text to center, I still want a left alignment but I want significant margins on the left and right so that everything looks relatively center-ish. Can you show me the HTML/CSS to achieve this? THanks.

Best Solution

<style type="text/css">

body {
   text-align: center; /* Center in IE */

#content {
   text-align: left; /* reset text-align for IE */
   margin: 0 auto; /* Center in other browsers */
   width: 800px;

html {
   overflow: -moz-scrollbars-vertical; /* Force vertical scrollbar in FF */

<div id="content">

   content here


*UPDATE: I added some CSS that forces a vertical scrollbar in FF as per some comments below.