Отцентровать "display:table-cell"

[yaparoff]

Должно получиться следующее:

 

Блоки должны быть по центру + отступы между ними

Верстаю под IE9, этим блокам задал display:table-cell  (IE9 flexbox  не поддерживает, с полифилом что-то тоже не получается)

Теперь их нужно отцентровать и добавить отступы между ними.

 

Как это сделать?

http://codepen.io/anon/pen/QNLYGw?editors=1100

[Switch74]

http://codepen.io/anon/pen/QNLYOj?editors=1100

[li4e]

Не забывайте что display:table-cell имитирует ячейки таблицы, а между ними отступов не может быть в принципе, только если играть с внутренними отступами.

[ishurgaya]

если все таки display:table-cell не принципиален, то можно класс model-shedule__item подправить так:

.model-shedule__item {    background-color: #fff;    border-right: 15px solid transparent;    box-shadow: 10px 10px 9px rgba(143, 193, 212, 0.52);    display: inline-block;    padding: 8px;    text-align: center;    width: 13%;}

т.е    поменяли  display: inline-block;  и  width: 13%;

[Николя223]

Не забывайте что display:table-cell имитирует ячейки таблицы, а между ними отступов не может быть в принципе, только если играть с внутренними отступами.

Почему ж не может. у таблиц то как раз таки может http://codepen.io/anon/pen/YqKBaR?editors=1100

[li4e]

 

Не забывайте что display:table-cell имитирует ячейки таблицы, а между ними отступов не может быть в принципе, только если играть с внутренними отступами.

Почему ж не может. у таблиц то как раз таки может http://codepen.io/anon/pen/YqKBaR?editors=1100

 

Ох, что-то я не правильные знания о таблицах имел

[by chris]

Почему ж не может. у таблиц то как раз таки может 

Только не всегда актуально) https://validator.w3.org/nu/#textarea 

[SelenIT]

между ними отступов не может быть в принципе

 

Может, даже так: http://codepen.io/SelenIT/pen/GZKbMo?editors=1100.

 

Фокус в том, что border-spacing — наследуемое свойство, и подхватывается даже анонимными боксами.

[TuTaHuKk]

display: table-cell;

 

http://codepen.io/anon/pen/ONJXRM?editors=1100