title: Way to Center Content with Theme CSS in Wordpress?
body: <p>I’m trying to figure out a CSS way to center my content. Here is my site: <a href="http://www.thegrassrootsgarage.com/?preview_id=41&amp;preview_nonce=58439a219d&amp;_thumbnail_id=-1&amp;preview=true" rel="nofollow noreferrer">http://www.thegrassrootsgarage.com/?preview_id=41&amp;preview_nonce=58439a219d&amp;_thumbnail_id=-1&amp;preview=true</a>. </p>
  
  <p>Notice how the content sticks to the left for the home page? I want to keep the 720 px width in the #wrapper #main-content of my CSS, but I’m not sure how to center align the content and get it to appear in the middle of the screen. I’d like to just have the left-aligned text (the text will stay left-aligned, as the content will be centered) start in the center. I've already tried text-align, align-content, margin: 0, and a few others, but I may have their placement wrong because I haven't become fully adept at reading this particular CSS page.</p>
  
  <p>Ultimately, the text would be aligned left, and the content would be in the center. I'm trying to change the positioning of the content, itself, which should take the text (which will still be aligned left, with it). Any ideas?</p>
  
  <p>Here is some of the overarching CSS for my site and Wordpress theme:</p>
  
  <pre><code>#header,
  #main-content,
  #wrapper-footer {
    float: left;
    height: auto;
    position: relative;
    width: 100%;        
  }     
  #wrapper #main-content {
    padding: 28px 28px 10px;
    width: 720px;         
  }
  #content {
    float: left;
    width: 750px;       
  }
  </code></pre>
  
  <p>I was able to change the width of the #wrapper #main-content from 956px to 720px, which is about the size that I want for my content to be, but I want it centered! I'm not sure how to do that, and as stated, I have tried various methods. Maybe I'm editing the wrong items for this specific purpose? </p>
  
  <p>I can provide the rest of the CSS I currently have if needed, of course.</p>