margin 0 auto; не работает

Question

Я пытаюсь иметь несколько разделов автоцентра с использованием поля: 0 авто, но он не будет работать. Я просмотрел весь сайт. Моя ширина установлена, я не использую float и не пытаюсь использовать margin, я добавляю маржу к правильному элементу. Но разделы все еще не сосредоточены. Любая помощь будет очень полезно ... Спасибо заранее .... код CSS ниже ...

header { 
 
    width: 100%; 
 
    height: 60px; 
 
    background: rgb(0, 0, 0); 
 
} 
 
section.Hero { 
 
    width: 100%; 
 
    height: 400px; 
 
    background: rgb(200, 200, 200); 
 
} 
 
section.Features { 
 
    width: 940px; 
 
    height: 450px; 
 
    background: rgb(150, 150, 150); 
 
    margin: 0 auto; 
 
} 
 
section.Organize { 
 
    width: 100%; 
 
    height: 300px; 
 
    background: rgb(200, 200, 200); 
 
} 
 
section.Share { 
 
    width: 940px; 
 
    height: 300px; 
 
    background: rgb(150, 150, 150); 
 
    margin: 0 auto; 
 
} 
 
section.Get { 
 
    width: 100%; 
 
    height: 100px; 
 
    background: rgb(0, 0, 0); 
 
} 
 
footer { 
 
    width: 100%; 
 
    height: 60px; 
 
    background: rgb(200, 200, 200); 
 
}

<header class="Header">Header</header> 
 

 
<section class="Hero">Hero</section> 
 

 
<section class="Features">Features</section> 
 

 
<section class="Organize">Organize</section> 
 

 
<section class="Share">Share</section> 
 

 
<section class="Get">Get</section> 
 

 
<footer class="Footer">Footer</footer>

Answer 1

Инлайн-блок охватывает всю линию (слева справа), поэтому остаточная маржа и/или право здесь не будут работать. Вам нужен блок, блок имеет границы слева и справа, поэтому на него могут влиять поля. Пример

#stuff { 
    display: block; 
    margin: 0 auto; 
} 

Вы можете использовать это для такого же эффекта.

#stuff { 
    text-align: center; 
} 

Answer 2

На самом деле, эти разделы являются по центру, вы просто не видите его в скрипке, так как эти секции 940px широких (и часть скрипки окна меньше, поэтому они выравниваются слева автоматически, чтобы обеспечить доступ ко всему контейнеру). Вы видите его здесь, то codepen шире 940px (на полном размере настольного монитора):

http://codepen.io/anon/pen/vXQZBA

В случае, если вы хотите, текста в этих разделах сосредоточенных, добавьте text-align: center; их правила CSS. Я сделал это в кодексе.