title: (CSS-spanS-rowS) How to center all module names and make background span entire width of page
body: <p>I recently got a Ning account. I want to customize the site a bit more using their "Add Custom CSS" option I would like the <a href="http://trainingcenter.ning.com/take-a-course" rel="nofollow">ning site</a> to look as close to <a href="http://gh.burstcreative.com/case-studies" rel="nofollow">this site</a> as possible. More specifically the green horizontal bar across the top of the page, and the location and spacing of the header group. I'm currently using the following CSS on the ning site but can't figure out how to make the green horizontal bar span the entire width of the page. Any help, advise or direction would be greatly appreciated. </p>
  
  <pre><code>.mainTab-item.active, .mainTab-item.active &gt; a {
      color: #00a6ed;
  }
  .site-header {
      height: 0px;
  }
  .header-container {
      margin-bottom: 15%;
  }
  h2.module-name {
  background-color: #88C540;
      color: #FFFFFF;
      font-size: 16px;
      margin-top: -15%;
      max-width: 100%;
      padding: 30px;
      text-align: center;
      text-shadow: 2px 2px 0px #609F16;
  }
  </code></pre>
  
  <p>Here is the Commonly used CSS classes and HTML (ning.com/ning3help/commonly-used-css-classes-and-html)</p>