Не работает margin внутри блока div, коллапс? Как исправить?

Question

[BookerDeWitt]

Есть следующий код

<div id=statistics>
     <div id=stats>
        <div>42 <span>WEB DESIGN PROJECTS</span></div>
        <div>42 <span>WEB DESIGN PROJECTS</span></div>
        <div>42 <span>WEB DESIGN PROJECTS</span></div>
        <div>42 <span>WEB DESIGN PROJECTS</span></div>
     </div>
</div>

Я хочу разместить содержимое блока #stats по центру блока #statistics с помощью margin, но это не работает, почему? И как это исправить?

Код здесь https://jsfiddle.net/w6q8jujf/1/

Comments

[thematdev]

А для чего margin-left?

[Андрей Токмаков]

Честно, даже не увидел где бы Вы там пытались это сделать маргином

Answer 1

[Sergey]

Пример

Comments

[BookerDeWitt]

спасибо

Answer 2

[Алексей Струков]

Так?
https://jsfiddle.net/w6q8jujf/3/