Почему у меня непонятно работает margin-top?

У меня два элемента в div
Когда я задаю одному margin-top
Другой тоже отходит вниз.
Я хочу чтобы ушел вниз на несколько пикселей только один элемент.
Вот код:
Html

<dIv content>
   <div bloc> </div>
   <div bloc_1> </div>
</Div>

CSS

.bloc {
display:inline-bloc;
Width:250px;
Height:250;
Background:red;
Margin-top:40px;
}
.bloc_2 {
display:inline-bloc;
Width:250px;
Height:250;
Background: black;
}