title: What does the "container" div class do on Weebly themes?
body: <p>I'm quite a beginner to CSS and HTML as I'm trying to learn while making a webpage on Weebly</p>
  
  <p>Anyways, I see a <code>container</code> div class after almost every div id. I was looking through the CSS and only saw a margin and width property for the div class by itself, but saw the <code>container</code> class as a child element after all id selectors. I was wondering what the <code>container</code> class actually does and why it is needed. </p>
  
  <p>Example: </p>
  
  <pre><code>.container {
      margin: 0 auto;
      width: 960px;   
  }
  
  #nav-wrap {
      background: url(nav-bg.jpg);
      box-shadow:0 1px 2px 1px rgba(0,0,0,0.25);
      position:relative;
      z-index:3;
  }
  
  #nav-wrap .container {
      clear: both;
      overflow: hidden;
      position: relative;
      width: 960px;
      box-shadow:none;
  }
  </code></pre>
  
  <p>In the example above, which area does <code>#nav-wrap</code> indicate and which area does <code>#nav.wrap .container</code> indicate?</p>
  
  <p>Thanks!</p>