css - (CSS-spanS-rowS) すべてのモジュール名を中央揃えにし、背景をページの幅全体に広げる方法

Question

最近Ningのアカウントを取得しました。「カスタム CSS を追加」オプションを使用してサイトをもう少しカスタマイズしたいning サイトをできるだけこのサイトに近づけたい. 具体的には、ページ上部の緑色の水平バーと、ヘッダー グループの位置と間隔です。現在、ning サイトで次の CSS を使用していますが、緑色の水平バーをページの幅全体に広げる方法がわかりません。ヘルプ、アドバイス、指示をいただければ幸いです。

.mainTab-item.active, .mainTab-item.active > 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;
}

一般的に使用される CSS クラスと HTML は次のとおりです (ning.com/ning3help/commonly-used-css-classes-and-html)