Не работает display:inline-block

[Владимир Горинов]

Добрый день друзья. Есть вопрос по поводу верстки, верстаю макет - и в блоке услуг не могу выравнить блоки с видами ремонта в одну линию, задал в hmtl класс, в css - задал отступы и display:inline-block,  и ничего не происходит. 

div class="row">
	            <div class="col-md-12">
	                <div class="mc_wrap">
                        <div class="mc_item_wrap">
                            
                            <div class="mc_item">
                                12345677
                            </div>
                            <div class="mc_item">
                                12345677
                            </div>
                            <div class="mc_item">
                                12345677
                            </div>
                            
                        </div>
	                </div>
	            </div>
	         </div>

.mc_item_wrap {
    margin-left: 30px;
    width: 158px;
    display: inline-block;
}

Проблема  в этом <- Если есть надобность могу скинуть весь архив с проектом

Edited December 7, 2016 by Владимир Горинов

[npofopr]

display: inline-block; применяется к конкретному блоку. 

вам нужно указать, видимо 

.mc_item_wrap > .mc_item

 

[npofopr]

А что по вашему должно произойти? 

Весь проект не надо, достаточно фрагмент разместить в любой песочнице.

[Владимир Горинов]

Как я думал что дивы которые находятся в контейнере должны из такого положения перейти в линейное, разве не это делает inline-block?

[Владимир Горинов]

Я думал что он автоматически приобретает свойство родителя...спасибо большое. все получилось

[npofopr]

У display: flex; да, у всего остального нет.

[SelenIT]

На самом деле зависит от свойства. Бывают наследуемые свойства и ненаследуемые. Display — ненаследуемое.

При display:flex и будущем (как минимум в Firefox 52+ и Chrome 57+) display:grid к непосредственным потомкам такого контейнера применяются особые правила, это да. Но само свойство не наследуется, так что если надо разместить флекс-контейнер во флекс-контейнере, внутреннему блоку всё равно тоже надо будет явно указать display:flex.